:root{--n-bg: #f8fafc;--n-surface: #fff;--n-card-bg: rgba(255, 255, 255, .95);--n-border: #cbd5e1;--n-text: #0f172a;--n-text-muted: #475569;--n-primary: #0284c7;--n-primary-hover: #0369a1;--n-accent: #38bdf8;--n-success: #10b981;--n-warning: #f59e0b;--n-danger: #ef4444;--n-svg-card: #f1f5f9;--n-svg-inner: #fff;--n-svg-stroke: #cbd5e1;--n-radius: 16px;--n-shadow: 0 10px 30px -5px rgba(0, 0, 0, .08)}.theme-dark{--n-bg: #0b0f19;--n-surface: #111827;--n-card-bg: rgba(17, 24, 39, .9);--n-border: #1f2937;--n-text: #f9fafb;--n-text-muted: #9ca3af;--n-primary: #38bdf8;--n-primary-hover: #7dd3fc;--n-accent: #0ea5e9;--n-success: #34d399;--n-warning: #fbbf24;--n-danger: #f87171;--n-svg-card: #0f172a;--n-svg-inner: #1e293b;--n-svg-stroke: #334155;--n-shadow: 0 10px 30px -5px rgba(0, 0, 0, .5)}.sc-main-card{display:grid;grid-template-columns:1fr;gap:2rem;background-color:var(--n-card-bg);border:1px solid var(--n-border);border-radius:var(--n-radius);padding:2rem;box-shadow:var(--n-shadow);backdrop-filter:blur(12px);color:var(--n-text);margin-bottom:2rem}@media(min-width:1024px){.sc-main-card{grid-template-columns:380px 1fr}}.sc-sidebar{display:flex;flex-direction:column;gap:1.5rem}.sc-section-title{font-size:1.1rem;font-weight:700;color:var(--n-text);margin-bottom:.8rem}.sc-preset-group{display:flex;flex-wrap:wrap;gap:.5rem}.sc-preset-chip{background-color:var(--n-surface);border:1px solid var(--n-border);color:var(--n-text);border-radius:8px;padding:.45rem .85rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.sc-preset-chip:hover{border-color:var(--n-primary);color:var(--n-primary)}.sc-preset-chip.active{background-color:var(--n-primary);border-color:var(--n-primary);color:#fff;box-shadow:0 0 12px #38bdf84d}.sc-field-group{display:flex;flex-direction:column;gap:.4rem}.sc-field-header{display:flex;align-items:center;justify-content:space-between}.sc-field-header label{font-size:.85rem;font-weight:600;color:var(--n-text-muted)}.sc-input{width:100%;background-color:var(--n-surface);border:1px solid var(--n-border);border-radius:8px;padding:.55rem .8rem;color:var(--n-text);font-size:.95rem;outline:none;transition:border-color .2s ease}.sc-input:focus{border-color:var(--n-primary)}.sc-slider{width:100%;accent-color:var(--n-primary);cursor:pointer;margin-top:.2rem}.sc-custom-select{position:relative;width:100%}.sc-select-trigger{display:flex;align-items:center;justify-content:space-between;background-color:var(--n-surface);border:1px solid var(--n-border);border-radius:8px;padding:.6rem .8rem;color:var(--n-text);font-size:.95rem;cursor:pointer;user-select:none}.sc-select-trigger svg{transition:transform .2s ease;fill:var(--n-text-muted)}.sc-custom-select.open .sc-select-trigger svg{transform:rotate(180deg)}.sc-select-dropdown{display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;background-color:var(--n-surface);border:1px solid var(--n-border);border-radius:8px;box-shadow:var(--n-shadow);z-index:50;overflow:hidden}.sc-custom-select.open .sc-select-dropdown{display:block}.sc-select-option{padding:.6rem .8rem;font-size:.9rem;color:var(--n-text);cursor:pointer;transition:background-color .2s ease}.sc-select-option:hover,.sc-select-option.active{background-color:var(--n-primary);color:#fff}.sc-display-panel{display:flex;flex-direction:column;gap:1.5rem}.sc-header-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem}.sc-safety-badge{padding:.5rem 1.2rem;border-radius:20px;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.status-optimal{background-color:#10b98126;color:var(--n-success);border:1px solid var(--n-success)}.status-warning{background-color:#f59e0b26;color:var(--n-warning);border:1px solid var(--n-warning)}.status-danger{background-color:#ef444426;color:var(--n-danger);border:1px solid var(--n-danger)}.sc-svg-wrapper{background-color:var(--n-surface);border:1px solid var(--n-border);border-radius:12px;padding:1rem;display:flex;justify-content:center;align-items:center}.sc-results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem}.sc-metric-card{background-color:var(--n-surface);border:1px solid var(--n-border);border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.4rem}.sc-metric-label{font-size:.8rem;color:var(--n-text-muted);font-weight:600}.sc-metric-value{font-size:1.35rem;font-weight:800;color:var(--n-text)}.sc-status-box{background-color:var(--n-surface);border:1px solid var(--n-border);border-radius:12px;padding:1.2rem}.sc-status-box h4{font-size:1rem;font-weight:700;margin-bottom:.4rem;color:var(--n-text)}.sc-status-box p{font-size:.9rem;color:var(--n-text-muted);line-height:1.5}