*{box-sizing:border-box}html{text-size-adjust:100%}body,html{background:#0f1115!important;color:#f4f6fb!important}:root{--app-head-h:96px;--bg:#0f1115;--bg-soft:#131720;--surface:#171a21;--surface-alt:#1a202f;--line:#2c3446;--line-soft:#252a35;--text:#f4f6fb;--muted:#98a2b3;--accent:#4f7cff;--good:#22c55e;--warn:#f59e0b;--risk:#ef4444}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;overflow-x:hidden}.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);grid-template-rows:auto 1fr;min-height:100vh;position:relative;z-index:1}.app-head{grid-column:1/-1;display:grid;grid-template-columns:260px minmax(0,1fr);align-items:stretch;border-bottom:1px solid var(--line);position:static;background:#11161f}.app-brand{padding:16px 14px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;min-height:100%;background:#11161f}.brand-logo{font-size:12px;font-weight:700;letter-spacing:.12em;color:#e7edff}.brand-subtitle{margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.4}.side-menu{display:grid;grid-gap:4px;gap:4px;flex:1 1;min-height:0;overflow-y:auto;align-content:start;-webkit-overflow-scrolling:touch}.side-group-title{margin:8px 8px 4px;color:#8ea2c8;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.side-separator{height:1px;background:var(--line-soft);margin:8px 8px 2px}.side-link{background:transparent;color:#a8b8dd;border:1px solid transparent;border-radius:10px;padding:10px;display:block;width:100%;text-align:left;cursor:pointer}.side-link:hover{border-color:var(--line);background:hsla(0,0%,100%,.03)}.side-link.active{background:rgba(79,124,255,.18);border-color:rgba(87,124,240,.52);color:#fff}.side-nav{grid-column:1;grid-row:2;align-self:stretch;min-height:0;overflow:hidden;border-right:1px solid var(--line);background:#11161f;padding:12px 14px 18px;display:flex;flex-direction:column;gap:12px}.export-btn{margin-top:0;width:100%}.main-pane{min-width:0;grid-column:2;grid-row:2}.container,.main-pane{background:transparent}.topbar{padding:calc(16px + env(safe-area-inset-top, 0px)) calc(26px + env(safe-area-inset-right, 0px)) 16px calc(26px + env(safe-area-inset-left, 0px));background:rgba(17,23,32,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;min-height:100%}.breadcrumbs{color:var(--muted);font-size:12px;letter-spacing:.04em}.page-heading{margin:6px 0 4px;font-size:24px}.page-summary{margin:0;color:var(--muted);font-size:13px;overflow-wrap:anywhere;word-break:break-word}.container{max-width:1380px;margin:0 auto;padding:20px calc(26px + env(safe-area-inset-right, 0px)) calc(28px + env(safe-area-inset-bottom, 0px)) calc(26px + env(safe-area-inset-left, 0px))}.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-gap:12px;gap:12px}.card{background:#171a21;border:1px solid var(--line);border-radius:12px;padding:14px;color:#f4f6fb}.uniform-card{min-height:240px;display:flex;flex-direction:column;justify-content:flex-start}.muted{color:var(--muted)}.title{margin:0 0 6px;font-size:24px}.hero-card{border-color:#33415d;background:linear-gradient(140deg,#171d2b,#131821 55%,#11151d)}.metric-card{border:1px solid var(--line);background:linear-gradient(135deg,#1a202f,#151a24);border-radius:12px;padding:12px}.metric-title{color:var(--muted);font-size:12px}.metric-value{margin-top:6px;font-size:28px;font-weight:700}.metric-note{margin-top:2px;font-size:12px;color:#b8c6df}.tone-good .metric-note{color:#93e6b0}.tone-warn .metric-note{color:#f7d085}.tone-risk .metric-note{color:#f9abab}.status-chip{display:inline-flex;align-items:center;border-radius:999px;padding:3px 9px;font-size:11px;border:1px solid rgba(128,150,200,.22);color:#d9e3ff;background:rgba(53,89,199,.22)}.pill-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.kpi-card{background:var(--surface-alt);position:relative}.table-scroll{overflow-x:auto;margin-top:10px;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.table-scroll table{min-width:520px}.kpi-value{font-size:30px;line-height:1.1;font-weight:700;margin:8px 0 6px}.kpi-trend{font-size:12px;color:#a3b8e8}.health-panel{background:rgba(8,13,24,.7);border:1px solid var(--line);border-radius:12px;padding:12px}.confidence-track,.health-track{margin-top:10px;width:100%;background:#1f2a40;border-radius:999px;height:8px;overflow:hidden}.confidence-fill,.health-fill{height:100%;border-radius:999px;background:var(--accent)}.confidence-fill.tone-good{background:var(--good)}.confidence-fill.tone-warn{background:var(--warn)}.confidence-fill.tone-risk{background:var(--risk)}.snapshot-card{background:#111a2d;border:1px solid #2c3a56;border-radius:10px;padding:10px 12px;margin-bottom:10px;display:flex;flex-direction:column;gap:6px}.action-bar{position:static;margin-top:10px;background:rgba(11,16,29,.95);border:1px solid #334869;border-radius:12px;padding:10px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.action-bar .muted{overflow-wrap:anywhere;word-break:break-word;min-width:0;flex:1 1 12rem}label{display:block;margin-bottom:10px;font-size:12px;color:#9daecc}input,select{width:100%;margin-top:6px;padding:9px 10px;border-radius:10px;border:1px solid #2b3954;background:#0f1728;color:#e9f0ff}button{background:#2c3f68;border:1px solid #3e527b;border-radius:10px;padding:9px 12px;color:#eef3ff;cursor:pointer;font-weight:600}button:hover{background:#344a78}button:disabled{opacity:.55;cursor:not-allowed}table{width:100%;border-collapse:collapse}td,th{text-align:left;border-bottom:1px solid #2a3854;padding:8px;font-size:13px}.empty-state{border:1px dashed #3f5378;border-radius:12px;padding:20px;text-align:center;color:var(--muted)}.settings-intro{margin-bottom:14px;border-color:#33415d;background:linear-gradient(165deg,rgba(79,124,255,.08),rgba(23,26,33,.95) 42%)}.settings-intro h2{margin-top:0;margin-bottom:10px;font-size:1.05rem;font-weight:600}.settings-intro li,.settings-intro p{line-height:1.55;font-size:13px}.settings-intro ul{margin:8px 0 0;padding-left:1.15rem}@media (max-width:1100px){.app-shell{grid-template-rows:auto auto 1fr}.app-head,.app-shell{grid-template-columns:1fr}.app-brand{border-right:none;border-bottom:1px solid var(--line)}.side-nav{grid-row:2;position:static;align-self:stretch;max-height:none;overflow:visible;border-right:0;border-bottom:1px solid var(--line)}.main-pane,.side-nav{grid-column:1;min-height:auto}.main-pane{grid-row:3}}@media (max-width:980px){.grid{grid-template-columns:repeat(1,minmax(0,1fr))}.grid>*{grid-column:1/-1!important}.card{grid-column:span 1!important}}@media (max-width:768px){:root{--app-head-h:88px}.app-brand{padding:12px calc(14px + env(safe-area-inset-left, 0px)) 12px calc(14px + env(safe-area-inset-right, 0px))}.brand-logo,.brand-subtitle{font-size:11px}.side-nav{padding:10px calc(12px + env(safe-area-inset-left, 0px)) 12px calc(12px + env(safe-area-inset-right, 0px));gap:10px}.side-menu{display:flex;flex-direction:row;flex-wrap:nowrap;flex:0 1 auto;min-height:unset;align-content:unset;gap:8px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding-bottom:4px;margin:0 -4px;padding-left:4px;padding-right:4px;scroll-snap-type:x proximity}.side-group-title,.side-separator{display:none}.side-link{flex:0 0 auto;width:auto;min-height:44px;padding:10px 14px;white-space:nowrap;font-size:13px;scroll-snap-align:start}.export-btn{margin-top:0;min-height:44px}.topbar{padding:12px 16px;align-items:flex-start}.breadcrumbs{margin-bottom:2px}.page-heading{font-size:20px}.page-summary{font-size:12px;line-height:1.45}.container{padding:14px calc(16px + env(safe-area-inset-right, 0px)) calc(20px + env(safe-area-inset-bottom, 0px)) calc(16px + env(safe-area-inset-left, 0px))}.grid{gap:10px}.card{padding:12px}.settings-intro li,.settings-intro p{font-size:12px}.status-chip{font-size:10px}.snapshot-card{margin-bottom:8px}button,input,select{min-height:44px;font-size:16px}.metric-value{font-size:24px}.kpi-value{font-size:26px}.action-bar{flex-direction:column;align-items:stretch}.action-bar button{width:100%;min-height:44px}}@media (max-width:480px){.brand-subtitle{display:none}.page-heading{font-size:18px}.breadcrumbs{display:none}.container{padding-left:calc(12px + env(safe-area-inset-left, 0px));padding-right:calc(12px + env(safe-area-inset-right, 0px))}.card{border-radius:10px;padding:10px}.table-scroll table{min-width:380px}.kpi-value{font-size:22px}.metric-value{font-size:21px}}