.sidebar{width:190px;background:linear-gradient(180deg,#061426,#08213a);border-right-color:#203b57;padding:26px 12px}
main{margin-left:190px;padding:22px 24px 60px;max-width:1800px}
.brandmark{background:transparent;border:1px solid #5d7691;border-radius:6px}
.sidebar nav{gap:3px}.nav{padding:12px 11px}
.charts-bottom{grid-template-columns:repeat(3,1fr)}
.key-list{display:grid;gap:13px;margin-top:18px}
.key-list>div{display:flex;gap:12px;align-items:center}
.key-list i{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:50%;font-style:normal;font-weight:900}
.key-list .up{background:#503248;color:#ff817c}.key-list .down{background:#173e3a;color:#77e199}.key-list .info{background:#143c63;color:#65afff}
.key-list p{margin:0}.key-list b{display:block;font-size:12px}.key-list small{display:block;color:var(--muted);font-size:10px;margin-top:3px;line-height:1.45}
@media(max-width:1100px){.sidebar{width:76px}main{margin-left:76px}.charts-bottom{grid-template-columns:1fr 1fr}}
@media(max-width:760px){main{margin-left:0}.charts-bottom{grid-template-columns:1fr}}
.analysis-title{display:flex;justify-content:space-between;align-items:end;margin:8px 0 18px}.analysis-title h2{font-size:25px;margin:5px 0}.analysis-title span{color:var(--muted)}
.analysis-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:12px}.analysis-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini-kpi{background:linear-gradient(145deg,#10263f,#0d1e34);border:1px solid var(--line);border-radius:10px;padding:17px}.mini-kpi span{color:var(--muted);font-size:11px}.mini-kpi b{display:block;font-size:22px;margin-top:8px}.metric-list{display:grid;gap:13px;margin-top:18px}.metric-row{display:grid;grid-template-columns:90px 1fr 90px;gap:10px;align-items:center}.metric-row span{color:var(--muted);font-size:11px}.metric-row .track{height:10px}.metric-row b{text-align:right}.inline-filter input{width:280px;padding:11px 13px;border-radius:8px;border:1px solid var(--line);background:#0e2238;color:white;outline:0}.analysis-view .table-card{min-height:390px}.analysis-view td{font-size:12px;padding:14px 13px}
@media(max-width:900px){.analysis-kpis{grid-template-columns:1fr 1fr}.analysis-grid{grid-template-columns:1fr}}
.mini-kpi small{display:block;color:#7fa7ca;font-size:10px;margin-top:8px}
.month-pick{display:grid;gap:3px;color:var(--muted);font-size:10px}.month-pick input{width:132px;border:1px solid var(--line);border-radius:8px;background:#0d2238;color:white;padding:8px 10px;color-scheme:dark}.upload-actions{align-items:end;flex-wrap:wrap}
.row-month{width:122px;border:1px solid #315679;border-radius:6px;background:#0b2036;color:#dff3ff;padding:6px 8px;color-scheme:dark;cursor:pointer}.row-month:focus{outline:2px solid #45a8ff;border-color:#45a8ff}
.row-region{width:118px;border:1px solid #315679;border-radius:6px;background:#0b2036;color:#dff3ff;padding:6px 8px;cursor:pointer}.row-region:focus{outline:2px solid #45a8ff;border-color:#45a8ff}
