*{box-sizing:border-box}body,html,#root{margin:0;padding:0;height:100%;font-family:Inter,Segoe UI,system-ui,sans-serif;background:#f4f6fb;color:#1f2937}.app{display:grid;grid-template-columns:280px 1fr;height:100vh}.sidebar{background:linear-gradient(180deg,#0f172a,#1e293b);color:#e5e7eb;padding:18px 0;overflow-y:auto}.sidebar .brand{padding:0 20px 18px;border-bottom:1px solid rgba(255,255,255,.05)}.sidebar .brand h1{font-size:16px;margin:0;color:#fff;letter-spacing:.3px}.sidebar .brand .sub{font-size:11px;color:#64748b;margin-top:4px;text-transform:uppercase;letter-spacing:1px}.sidebar .group{padding:16px 20px 6px;font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:1.2px;font-weight:600}.sidebar .menu-item{padding:9px 20px;cursor:pointer;display:flex;align-items:center;gap:10px;border-left:3px solid transparent;font-size:13.5px;transition:all .15s}.sidebar .menu-item:hover{background:#ffffff0d}.sidebar .menu-item.active{background:#38bdf81f;border-left-color:#38bdf8;color:#fff;font-weight:500}.sidebar .menu-item .icon{width:18px;text-align:center;opacity:.8}.main{padding:28px 36px;overflow-y:auto;max-width:100%}.main h2{margin:0 0 6px;color:#0f172a;font-size:24px;font-weight:700}.main .lead{color:#64748b;margin:0 0 22px;font-size:14px}.card{background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000000d,0 1px 2px #00000008;padding:22px;margin-bottom:18px}.card h3{margin:0 0 14px;color:#1e3a8a;font-size:15px;border-bottom:2px solid #e5e7eb;padding-bottom:10px;display:flex;align-items:center;gap:8px}.card h3 .pill{background:#dbeafe;color:#1e40af;font-size:11px;padding:2px 8px;border-radius:10px;font-weight:600}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:12.5px;color:#475569;font-weight:500}.field input,.field select{padding:8px 10px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px;background:#fff;transition:border .15s}.field input:focus,.field select:focus{outline:none;border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf826}button.primary{background:linear-gradient(180deg,#2563eb,#1d4ed8);color:#fff;border:0;padding:10px 22px;border-radius:6px;cursor:pointer;font-weight:600;font-size:14px;transition:all .15s}button.primary:hover{filter:brightness(1.08);transform:translateY(-1px)}button.primary:disabled{opacity:.5;cursor:not-allowed}.result-table{width:100%;border-collapse:collapse}.result-table td,.result-table th{padding:9px 12px;text-align:left;border-bottom:1px solid #f1f5f9;font-size:13.5px}.result-table th{background:#f8fafc;font-weight:600;color:#1e293b}.result-table tr:last-child td{border-bottom:none}.kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.kpi .k{background:linear-gradient(135deg,#eff6ff,#f0f9ff);border-left:4px solid #2563eb;padding:12px 16px;border-radius:8px}.kpi .k .label{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.kpi .k .value{font-size:22px;font-weight:700;color:#1e3a8a;margin-top:4px}.kpi .k.warn{background:linear-gradient(135deg,#fef3c7,#fef9c3);border-left-color:#d97706}.kpi .k.warn .value{color:#b45309}.kpi .k.bad{background:linear-gradient(135deg,#fee2e2,#fef2f2);border-left-color:#dc2626}.kpi .k.bad .value{color:#991b1b}.kpi .k.good{background:linear-gradient(135deg,#dcfce7,#f0fdf4);border-left-color:#16a34a}.kpi .k.good .value{color:#166534}.error{background:#fee2e2;border-left:4px solid #dc2626;padding:10px 14px;color:#7f1d1d;border-radius:6px;margin-bottom:12px}.catalog-toolbar{display:flex;gap:12px;align-items:center;padding:12px 16px;background:#fff;border-radius:10px;margin-bottom:18px;box-shadow:0 1px 3px #0000000d}.catalog-toolbar input,.catalog-toolbar select{padding:8px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px}.catalog-toolbar .stat{margin-left:auto;color:#64748b;font-size:13px}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.catalog-card{background:#fff;border-radius:10px;padding:16px;cursor:pointer;box-shadow:0 1px 3px #0000000d;transition:all .15s;border:2px solid transparent}.catalog-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000014;border-color:#38bdf8}.catalog-card.selected{border-color:#2563eb;background:#eff6ff}.catalog-card .capacity{font-size:28px;font-weight:800;color:#1e3a8a;line-height:1}.catalog-card .unit{font-size:12px;color:#64748b;font-weight:500;margin-left:4px}.catalog-card .model{font-size:13px;color:#475569;margin-top:8px;font-weight:500}.catalog-card .tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.catalog-card .tag{font-size:11px;padding:2px 8px;border-radius:10px;background:#f1f5f9;color:#475569;font-weight:500}.detail-header{background:linear-gradient(135deg,#1e3a8a,#2563eb);color:#fff;padding:24px 28px;border-radius:12px;margin-bottom:18px}.detail-header .capacity-big{font-size:48px;font-weight:800;line-height:1}.detail-header .sub-line{display:flex;gap:22px;margin-top:12px;flex-wrap:wrap;font-size:14px}.detail-header .sub-line .sl-label{color:#bfdbfe;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.detail-header .sub-line .sl-val{color:#fff;font-weight:600;font-size:15px}.detail-header .back{background:#ffffff26;color:#fff;border:0;padding:6px 14px;border-radius:5px;cursor:pointer;font-size:13px;margin-bottom:14px}.detail-header .back:hover{background:#ffffff40}.spec-list{list-style:none;padding:0;margin:0}.spec-list li{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #f1f5f9;font-size:13.5px}.spec-list li:last-child{border-bottom:none}.spec-list .lab{color:#64748b}.spec-list .val{color:#1e293b;font-weight:600}.matrix-table{width:100%;border-collapse:collapse;font-size:13px;background:#fff}.matrix-table th,.matrix-table td{padding:7px 10px;border:1px solid #e5e7eb;text-align:center}.matrix-table thead th{background:#1e293b;color:#fff;font-weight:600}.matrix-table tbody th{background:#f8fafc;text-align:left;color:#1e293b;font-weight:600}.matrix-table .heat-1{background:#f0fdf4}.matrix-table .heat-2{background:#d9f5e3}.matrix-table .heat-3{background:#fef9c3}.matrix-table .heat-4{background:#fed7aa}.matrix-table .heat-5{background:#fecaca}.matrix-table .heat-6{background:#fca5a5}.matrix-table .na{color:#cbd5e1}.bars{display:flex;flex-direction:column;gap:8px}.bar-row{display:grid;grid-template-columns:110px 1fr 80px;align-items:center;gap:10px;font-size:13px}.bar-row .blab{color:#475569;font-weight:500}.bar-row .btrack{background:#f1f5f9;height:22px;border-radius:4px;overflow:hidden}.bar-row .bfill{background:linear-gradient(90deg,#38bdf8,#2563eb);height:100%}.bar-row .bval{color:#1e293b;font-weight:700;text-align:right}.alt-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;max-height:70vh;overflow-y:auto;padding:4px}.alt-item{background:#fff;padding:10px 14px;border-radius:8px;cursor:pointer;border:2px solid transparent;transition:all .15s;box-shadow:0 1px 3px #0000000d}.alt-item:hover{border-color:#38bdf8}.alt-item.selected{border-color:#2563eb;background:#eff6ff}.alt-item .nm{font-weight:600;color:#1e293b;font-size:13.5px}.alt-item .nmeta{font-size:11px;color:#64748b;margin-top:4px}.eng-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:16px}.eng-card{background:#fff;border-radius:10px;padding:18px;box-shadow:0 1px 3px #0000000d}.eng-card h4{margin:0 0 6px;font-size:14px;color:#1e3a8a;display:flex;align-items:center;gap:8px}.eng-card .note{font-size:12px;color:#64748b;margin:0 0 12px}.eng-card table{width:100%;border-collapse:collapse;font-size:13px}.eng-card table th,.eng-card table td{padding:6px 10px;border-bottom:1px solid #f1f5f9;text-align:left}.eng-card table th{background:#f8fafc;font-weight:600;color:#1e293b}.charger-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.charger-card{background:#fff;border-radius:10px;padding:16px;box-shadow:0 1px 3px #0000000d}.charger-card .name{font-size:15px;font-weight:700;color:#1e3a8a}.charger-card .specs{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;margin-top:12px;font-size:12.5px}.charger-card .specs .lab{color:#64748b}.charger-card .specs .val{color:#1e293b;font-weight:600;text-align:right}.charger-card .features{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.charger-card .feat{font-size:11px;padding:2px 8px;border-radius:10px;background:#dcfce7;color:#166534;font-weight:600}.charger-card .feat.off{background:#f1f5f9;color:#94a3b8}.engine-card{background:#fff;border-radius:10px;padding:16px;box-shadow:0 1px 3px #0000000d}.engine-card .ehead{display:flex;align-items:baseline;gap:10px;margin-bottom:8px}.engine-card .ename{font-size:16px;font-weight:700;color:#1e3a8a}.engine-card .ecap{font-size:12px;color:#64748b;background:#f1f5f9;padding:2px 8px;border-radius:10px}.engine-card .erow{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin-top:10px}.engine-card .erow .cell{background:#f8fafc;padding:8px 10px;border-radius:6px}.engine-card .erow .cell .l{font-size:10px;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.engine-card .erow .cell .v{font-size:14px;font-weight:700;color:#1e293b;margin-top:2px}.scroll-area{max-height:70vh;overflow:auto;border:1px solid #e5e7eb;border-radius:8px}.page-header{display:flex;align-items:center;gap:16px;margin-bottom:22px}.page-header .ph-icon{font-size:32px;background:linear-gradient(135deg,#2563eb,#1e40af);width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #2563eb40}.page-header h2{margin:0 0 4px}.page-header .ph-sub{color:#64748b;font-size:13.5px}.calc-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:18px;margin-bottom:4px}@media (max-width: 1100px){.calc-layout{grid-template-columns:1fr}}.input-card{background:#fff;border-radius:12px;padding:18px 22px;box-shadow:0 1px 3px #0000000d}.input-card .ic-title{font-size:13px;font-weight:700;color:#1e3a8a;text-transform:uppercase;letter-spacing:1px;margin-bottom:14px;display:flex;align-items:center;gap:8px;padding-bottom:12px;border-bottom:2px solid #e0e7ff}.input-section{padding:14px 0 4px;border-bottom:1px dashed #e5e7eb;margin-bottom:14px}.input-section:last-child{border-bottom:none;margin-bottom:0}.input-section .is-title{font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.6px;margin-bottom:10px;display:flex;align-items:center;gap:6px}.field label .unit-tag{display:inline-block;margin-left:6px;padding:1px 7px;background:#f1f5f9;color:#64748b;border-radius:10px;font-size:11px;font-weight:500}.field label .hint-icon{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;margin-left:6px;cursor:help;background:#cbd5e1;color:#fff;border-radius:50%;font-size:10px;font-weight:700}.field label .hint-icon:hover{background:#64748b}.formula-box{background:linear-gradient(135deg,#0f172a,#1e293b);color:#e2e8f0;border-radius:12px;padding:20px;box-shadow:0 4px 12px #0f172a26}.formula-box .fb-label{font-size:11px;font-weight:700;color:#93c5fd;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.formula-box .fb-formula{font-family:"Cambria Math",Times New Roman,serif;font-size:18px;line-height:1.6;padding:14px 16px;background:#ffffff0f;border-radius:8px;text-align:center;color:#fff}.formula-box .fb-formula sub{font-size:.65em;vertical-align:-.3em}.formula-box .fb-formula sup{font-size:.65em;vertical-align:.5em}.formula-box .fb-vars{margin-top:14px;display:flex;flex-direction:column;gap:6px}.formula-box .fb-var{display:flex;gap:10px;font-size:12.5px;align-items:baseline}.formula-box .fb-sym{font-family:"Cambria Math",serif;font-style:italic;color:#fbbf24;font-weight:700;min-width:90px}.formula-box .fb-desc{color:#cbd5e1}.calc-bar{display:flex;justify-content:center;margin:18px 0 24px}button.primary.big{padding:14px 40px;font-size:16px;box-shadow:0 6px 16px #2563eb4d;border-radius:10px;letter-spacing:.4px}button.primary.big:hover{box-shadow:0 8px 20px #2563eb66}.hero{background:linear-gradient(135deg,#1e3a8a,#2563eb);color:#fff;padding:28px 32px;border-radius:14px;margin-bottom:18px;box-shadow:0 8px 24px #2563eb2e;display:flex;flex-direction:column;gap:4px}.hero.good{background:linear-gradient(135deg,#047857,#16a34a)}.hero.bad{background:linear-gradient(135deg,#991b1b,#dc2626)}.hero.warn{background:linear-gradient(135deg,#b45309,#d97706)}.hero-label{font-size:12px;text-transform:uppercase;letter-spacing:1.2px;color:#fffc;font-weight:600}.hero-value{font-size:48px;font-weight:800;line-height:1.1;margin-top:2px}.hero-unit{font-size:22px;font-weight:500;opacity:.85;margin-left:6px}.hero-verdict{margin-top:8px;font-size:14px;opacity:.92}.gauge{background:#fff;padding:16px 20px;border-radius:10px;box-shadow:0 1px 3px #0000000d;margin-bottom:14px}.gauge-label{font-size:12px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.gauge-bar{position:relative;height:32px;background:#f1f5f9;border-radius:16px;overflow:visible}.gauge-fill{height:100%;border-radius:16px;transition:width .4s ease}.gauge-fill.good{background:linear-gradient(90deg,#16a34a,#22c55e)}.gauge-fill.bad{background:linear-gradient(90deg,#dc2626,#ef4444)}.gauge-fill.neutral{background:linear-gradient(90deg,#2563eb,#3b82f6)}.gauge-threshold{position:absolute;top:-4px;bottom:-4px;width:2px;background:#1e293b}.gauge-threshold span{position:absolute;top:-18px;left:50%;transform:translate(-50%);font-size:10px;background:#1e293b;color:#fff;padding:1px 6px;border-radius:4px;white-space:nowrap}.gauge-numbers{display:flex;justify-content:space-between;margin-top:8px;align-items:baseline}.gv{font-size:20px;font-weight:700;color:#1e293b}.gu{font-size:13px;color:#64748b;margin-left:3px;font-weight:500}.gm{font-size:12px;color:#94a3b8}.compare-card{background:#fff;padding:16px 20px;border-radius:10px;box-shadow:0 1px 3px #0000000d}.cc-label{font-size:12px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.cc-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px}.cc-side{text-align:center}.cc-side-label{font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.cc-side-value{font-size:22px;font-weight:700;color:#1e293b;margin-top:4px}.cc-side-unit{font-size:12px;color:#64748b;margin-left:2px;font-weight:500}.cc-arrow{font-size:28px;font-weight:700}.cc-arrow.good{color:#16a34a}.cc-arrow.bad{color:#dc2626}.cc-arrow.neutral{color:#94a3b8}.cc-delta{text-align:center;font-size:13px;font-weight:600;margin-top:8px;padding:4px;border-radius:6px}.cc-delta.good{color:#166534;background:#dcfce7}.cc-delta.bad{color:#991b1b;background:#fee2e2}.cc-delta.neutral{color:#64748b;background:#f1f5f9}.step-card{display:flex;flex-direction:column;gap:10px}.step{display:flex;gap:14px;align-items:flex-start;padding:12px;background:#f8fafc;border-radius:8px;border-left:3px solid #2563eb}.step-num{width:28px;height:28px;border-radius:50%;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0}.step-body{flex:1}.step-title{font-weight:600;color:#1e293b;font-size:14px}.step-detail{font-size:12.5px;color:#64748b;margin-top:3px;font-family:"Cambria Math",serif}.step-result{font-size:16px;font-weight:700;color:#1e3a8a;margin-top:6px}.step-unit{font-size:12px;color:#64748b;font-weight:500}.factor-bars{display:flex;flex-direction:column;gap:10px}.fbar-row{display:grid;grid-template-columns:140px 1fr 70px;gap:12px;align-items:center;font-size:13px}.fbar-label{color:#475569;font-weight:500}.fbar-track{position:relative;background:#f1f5f9;height:18px;border-radius:9px;overflow:visible}.fbar-fill{height:100%;border-radius:9px}.fbar-marker{position:absolute;top:-3px;bottom:-3px;width:2px;background:#94a3b8;opacity:.7}.fbar-value{text-align:right;font-weight:700;color:#1e293b}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.stat-cell{background:#fff;padding:12px 14px;border-radius:8px;border-left:3px solid #cbd5e1;box-shadow:0 1px 2px #00000008}.stat-cell.good{border-left-color:#16a34a}.stat-cell.bad{border-left-color:#dc2626}.stat-cell.warn{border-left-color:#d97706}.stat-cell.primary{border-left-color:#2563eb}.stat-lab{font-size:10.5px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-val{font-size:18px;font-weight:700;color:#1e293b;margin-top:3px}.stat-unit{font-size:11px;color:#64748b;font-weight:500}.stat-note{font-size:11px;color:#94a3b8;margin-top:2px}.verdict-banner{display:flex;gap:14px;align-items:center;padding:14px 18px;border-radius:10px;margin:14px 0;font-weight:500}.verdict-banner.good{background:#dcfce7;color:#14532d;border-left:4px solid #16a34a}.verdict-banner.bad{background:#fee2e2;color:#7f1d1d;border-left:4px solid #dc2626}.vb-icon{width:36px;height:36px;border-radius:50%;font-size:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.verdict-banner.good .vb-icon{background:#16a34a}.verdict-banner.bad .vb-icon{background:#dc2626}.vb-title{font-size:15px;font-weight:700}.vb-detail{font-size:13px;margin-top:2px;opacity:.85}.result-card{background:#fff;border-radius:12px;padding:22px;box-shadow:0 1px 3px #0000000d;margin-bottom:18px}.result-card .rc-title{font-size:13px;font-weight:700;color:#1e3a8a;text-transform:uppercase;letter-spacing:1px;margin-bottom:14px;display:flex;align-items:center;gap:8px;padding-bottom:12px;border-bottom:2px solid #e0e7ff}.result-card .rc-title .pill{background:#dbeafe;color:#1e40af;font-size:11px;padding:2px 10px;border-radius:10px;font-weight:600;letter-spacing:0;text-transform:none}.results-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 800px){.results-grid-2{grid-template-columns:1fr}}.tank-chart{display:flex;flex-direction:column;gap:8px}.tank-row{display:grid;grid-template-columns:90px 1fr 100px;align-items:center;gap:10px;padding:6px 0}.tank-row.recommended{background:#dcfce7;border-radius:6px;padding:8px}.tank-label{font-weight:600;color:#1e293b;font-size:13.5px}.tank-track{background:#f1f5f9;height:22px;border-radius:4px;overflow:hidden}.tank-fill{background:linear-gradient(90deg,#38bdf8,#2563eb);height:100%}.tank-row.recommended .tank-fill{background:linear-gradient(90deg,#22c55e,#16a34a)}.tank-row.insufficient .tank-fill{background:linear-gradient(90deg,#fca5a5,#ef4444)}.tank-hours{text-align:right;font-weight:600;color:#475569;font-size:13px}.tank-row.recommended .tank-hours{color:#166534}.noise-curve{display:grid;grid-template-columns:60px 1fr 60px;gap:10px;align-items:center;padding:4px 0}.noise-curve .nl{color:#475569;font-weight:500;font-size:13px}.noise-curve .nt{background:#f1f5f9;height:18px;border-radius:9px;overflow:hidden}.noise-curve .nf{background:linear-gradient(90deg,#fde68a,#f59e0b);height:100%}.noise-curve .nv{text-align:right;font-weight:700;color:#1e293b;font-size:13px}@media (max-width: 900px){.app{grid-template-columns:220px 1fr}.main{padding:18px}.hero-value{font-size:36px}}