:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--primary-color: #3b82f6;--primary-hover: #2563eb;--bg-color: #f1f5f9;--card-bg: #ffffff;--text-color: #334155;--heading-color: #1e293b;--border-color: #e2e8f0;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1)}body{margin:0;font-family:Inter,system-ui,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.5;font-size:16px}.app-container{width:100%;max-width:1680px;min-height:100vh;margin:0 auto;padding:clamp(16px,2.4vw,28px);box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}.app-header{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;min-height:44px;margin-bottom:24px}.app-header h1{font-size:1.5rem;margin:0;color:var(--heading-color)}.app-content{width:100%;display:grid;grid-template-columns:minmax(640px,1fr) minmax(340px,400px);gap:clamp(18px,2vw,28px);align-items:start}@media(max-width:1080px){.app-content{grid-template-columns:1fr}.result-card{position:static}}@media(max-height:840px){.app-container{justify-content:flex-start}}@media(max-width:720px){.app-header{justify-content:space-between;gap:12px;padding:0;text-align:left}.app-header h1{font-size:1.15rem}.grid-2,.grid-3{grid-template-columns:1fr}}.card,.result-card{background:var(--card-bg);border-radius:12px;padding:16px;margin-bottom:0;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.config-panel{display:flex;flex-direction:column;gap:16px}.card h3{margin-top:0;border-bottom:1px solid var(--border-color);padding-bottom:10px;margin-bottom:12px;font-size:1rem;font-weight:600;color:var(--heading-color);display:flex;align-items:center}.card h3:before{content:"";display:inline-block;width:3px;height:1em;background-color:var(--primary-color);margin-right:8px;border-radius:2px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.form-group{margin-bottom:0}.form-group label{display:block;font-size:.75rem;font-weight:500;margin-bottom:4px;color:#64748b}input[type=number],select{width:100%;padding:6px 8px;border:1px solid var(--border-color);border-radius:6px;font-size:.85rem;color:var(--heading-color);background-color:#fff;box-sizing:border-box}input[type=number]:disabled,select:disabled{background-color:#f8fafc;color:#94a3b8;cursor:not-allowed}input:focus,select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f626}.input-group{display:flex;align-items:center;gap:8px}.checkbox-inline{display:flex;align-items:center;font-size:.8rem;cursor:pointer}.checkbox-inline input{margin-right:4px;width:14px;height:14px}.result-card{position:sticky;top:20px;border-top:4px solid var(--primary-color)}.result-card-warning{border-top-color:#f59e0b}.result-card-danger{border-top-color:#ef4444}.result-header{text-align:center;padding-bottom:16px;border-bottom:1px solid var(--border-color);margin-bottom:16px}.result-header h2{margin:0;color:var(--primary-color);font-size:1.75rem}.result-subtitle{margin:8px 0 0;color:#64748b;font-size:.85rem}.detail-section{padding:12px 0}.detail-section:not(:last-child){border-bottom:1px dashed var(--border-color)}.detail-section h4{margin:0 0 8px;font-size:.8rem;color:#94a3b8;text-transform:uppercase}.detail-section p{margin:6px 0;font-size:.9rem;display:flex;justify-content:space-between}.text-muted{color:#94a3b8;font-size:.8rem}.text-danger{color:#dc2626!important}.validation-section p.validation-message{display:block;padding:8px 10px;border-radius:6px;font-size:.85rem;line-height:1.45}.validation-warning{color:#92400e;background-color:#fffbeb;border:1px solid #fde68a}.validation-danger{color:#991b1b;background-color:#fef2f2;border:1px solid #fecaca}.indent{padding-left:12px;border-left:2px solid #f1f5f9;margin-left:4px!important}.highlight{font-weight:700;color:var(--heading-color);background-color:#eff6ff;padding:6px 10px;border-radius:4px;margin-top:10px!important}.data-manager-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;padding:clamp(12px,2vw,28px);z-index:1000;box-sizing:border-box}.data-manager-modal{background:#fff;width:min(96vw,1680px);height:min(88vh,900px);min-height:560px;border-radius:8px;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a;overflow:hidden}.modal-header{padding:18px 24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;gap:16px}.modal-header h2{margin:0;font-size:1.25rem;color:var(--heading-color)}.header-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.table-container{flex:1;overflow:auto;padding:0 24px 18px}table{width:max(100%,1540px);margin-top:18px;border-collapse:collapse;font-size:.9rem}th,td{border:1px solid var(--border-color);padding:8px;text-align:left}th{background-color:#f8fafc;font-weight:600;position:sticky;top:0;z-index:3;box-shadow:0 1px 0 var(--border-color)}thead th:first-child{z-index:4!important}td input{width:100%;border:none;background:transparent;padding:4px}td input:focus{background:#fff;box-shadow:0 0 0 2px var(--primary-color);border-radius:4px}.btn{padding:8px 16px;border-radius:6px;border:none;cursor:pointer;font-weight:500;transition:opacity .2s}.btn:hover{opacity:.9}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-secondary{background-color:#e2e8f0;color:var(--text-color)}.btn-close{background:transparent;font-size:1.2rem;color:#94a3b8;padding:4px 8px}.btn-manage{position:fixed;right:clamp(16px,2.4vw,28px);top:clamp(16px,2.4vw,28px);z-index:20;background:#fff;border:1px solid var(--border-color);padding:8px 12px;border-radius:6px;cursor:pointer;font-size:.9rem;color:var(--text-color)}.btn-manage:hover{background-color:#f8fafc;border-color:var(--primary-color)}.modal-footer{padding:14px 24px;border-top:1px solid var(--border-color);background-color:#f8fafc;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.hint{margin:0;color:#64748b;font-size:.85rem}@media(max-width:720px){.data-manager-overlay{align-items:stretch;padding:8px}.data-manager-modal{width:100%;height:100%;min-height:0}.modal-header{align-items:flex-start;flex-direction:column;padding:14px}.header-actions{width:100%;justify-content:flex-start}.table-container{padding:0 12px 12px}table{margin-top:12px}.btn-manage{position:fixed;right:12px;top:12px}}