:root{--bg: #f2f6ff;--panel: #ffffff;--line: #e0e9fb;--text: #13274a;--muted: #62789b;--blue-soft: #eaf0ff;--blue: #2a5bff;--success: #1f8a5b;--warning: #a56a12;--danger: #b92f40}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at 10% 0%,#ecf3ff,#f4f7ff 50%,#f2f6ff);color:var(--text)}.layout{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{background:linear-gradient(180deg,#101f3a,#0f1a31);color:#d8e6ff;padding:20px 16px}.logo{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#668eff,#2d5bff);font-weight:700;margin-bottom:10px}.sidebar h1{font-size:16px;margin:0 0 2px}.sidebar p{margin:0 0 16px;font-size:13px;color:#9eb4da}.sidebar nav{display:grid;gap:8px}.sidebar nav a{padding:9px 10px;border-radius:10px;color:#d8e6ff;text-decoration:none;font-size:13px;background:#ffffff08}.sidebar nav a.active,.sidebar nav a:hover{background:#6a8dff42}.main{padding:22px 26px 30px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.topbar h2{margin:0;font-size:24px}.topbar p{margin:4px 0 0;color:var(--muted)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 12px 30px #162d5d14;margin-bottom:12px}.screen-anim{animation:screenIn .35s ease}@keyframes screenIn{0%{opacity:.1;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.reveal{animation:reveal .5s ease}@keyframes reveal{0%{transform:translateY(8px);opacity:.4}to{transform:translateY(0);opacity:1}}.form-hero h2{margin:0}.form-hero p{color:var(--muted);margin-bottom:0}.form-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}label{display:grid;gap:6px;font-size:13px;color:var(--muted)}input{border:1px solid var(--line);border-radius:11px;padding:12px;font-size:14px}button{border:0;background:linear-gradient(135deg,#3267ff,#2552f1);color:#fff;border-radius:11px;padding:12px 14px;font-weight:700;cursor:pointer;transition:transform .15s ease}button:hover{transform:translateY(-1px)}.inline-error{border:1px solid #ffd0d7;color:var(--danger);background:#fff0f3;border-radius:10px;padding:10px 12px;margin-bottom:10px}.loading-panel{text-align:center;padding:28px}.spinner{width:42px;height:42px;border:4px solid #dce7ff;border-top-color:var(--blue);border-radius:50%;margin:0 auto 12px;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-steps{text-align:left;max-width:680px;margin:16px auto 0;color:var(--muted)}.loading-steps li{padding:8px 10px;border-left:3px solid #d4e2ff;margin-bottom:6px;background:#f8fbff;border-radius:8px}.loading-steps li.active{border-left-color:var(--blue);color:#1943da;font-weight:600}.loading-steps li.done{border-left-color:#4aa177;color:#27714f}.hero{display:flex;justify-content:space-between;align-items:center;gap:10px;background:linear-gradient(145deg,#edf3ff,#f8fbff)}.hero-right{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.hero h2{margin:0}.hero p{margin:4px 0 0;color:var(--muted)}.status{display:inline-flex;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:700;border:1px solid}.status.live{color:#1c7d52;background:#e2f8ed;border-color:#bde8d1}.status.mixed{color:#996211;background:#fff2df;border-color:#ffdca8}.status.fallback{color:#a52d3d;background:#ffedf0;border-color:#ffc8d0}.chip{background:var(--blue-soft);border:1px solid #cddcff;color:#234deb;border-radius:999px;font-size:12px;padding:6px 10px}.quality-panel{background:#fbfdff}.quality-list{margin:8px 0 0 18px}.quality-list li{margin-bottom:5px;font-size:13px}.highlight-panel{background:linear-gradient(145deg,#e9f8ef,#f4fff8);border-color:#c5ead5}.highlight-title{margin:8px 0;font-size:22px;font-weight:800;color:#145a38}.summary-grid{margin-top:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.box{border:1px solid;border-radius:12px;padding:12px}.box h4{margin:0 0 8px}.box ul{margin:0 0 0 18px;padding:0}.box li{margin-bottom:6px;font-size:13px}.risk{background:#ffecef;border-color:#ffd0d8}.opp{background:#fff4e3;border-color:#ffe0af}.rec{background:#e8f8ef;border-color:#c4ead4}.kpi-grid{margin-top:10px;display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.kpi-card{border:1px solid var(--line);border-radius:12px;padding:10px;background:#fff}.kpi-head{display:flex;justify-content:space-between;align-items:center}.kpi-head span{font-size:12px;color:var(--muted)}.kpi-head strong{font-size:22px}.kpi-head .good{color:var(--success)}.kpi-head .mid{color:var(--warning)}.kpi-head .bad{color:var(--danger)}.kpi-card p{margin:4px 0 8px;color:var(--muted);font-size:12px}.kpi-track{height:8px;background:#eef3fb;border-radius:999px;overflow:hidden}.kpi-track i{display:block;height:100%;background:linear-gradient(90deg,#8ba9ff,#2c59ff)}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse;min-width:920px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:10px;font-size:13px}th{background:#f7faff;font-size:12px;color:var(--muted)}tbody tr:hover,tbody tr:hover td{background:#fbfcff}.tag{border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700}.tag-high{background:#ffe5e8;color:#aa2737}.tag-mid{background:#fff1dd;color:#98640f}.tag-low{background:#e5f5ed;color:#1a744a}.error-panel{border-color:#ffc6cd;background:#fff0f2;color:#a12434;font-weight:600}.micro{font-size:12px;color:var(--muted);margin-top:8px}@media (max-width: 1200px){.layout,.form-grid,.summary-grid{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 780px){.main{padding:14px}.hero,.topbar{flex-direction:column;align-items:flex-start}.hero-right{align-items:flex-start}.kpi-grid{grid-template-columns:repeat(2,1fr)}}