:root{font-family:Inter,system-ui,sans-serif;color:#172c2b;background:#f3f6f5;--navy:#123d3a;--teal:#176b61;--gold:#c28a3d}*{box-sizing:border-box}body{margin:0}input,textarea,select{font-size:16px}.appShell{min-height:100vh}.sideDrawer .MuiDrawer-paper{width:272px;background:var(--navy);color:#eaf4f1;border:0}.brand{padding:28px 24px 25px;border-bottom:1px solid #35635e}.brand .MuiTypography-caption{color:#b4d0c9}.sideDrawer .MuiListItemButton{margin:4px 12px;border-radius:10px;color:#c6dcd7;min-height:48px}.sideDrawer .MuiListItemButton:hover{background:#1b514b}.sideDrawer .Mui-selected{background:#2b756d!important;color:#fff!important}.sideDrawer .MuiListItemIcon{color:inherit;min-width:40px}.content{padding:0 30px 42px;transition:margin .2s ease}.content.withDrawer{margin-left:272px}.topbar{height:96px;display:flex;align-items:center;gap:16px;border-bottom:1px solid #dbe5e2;margin-bottom:22px}.filterPanel{padding:18px;margin-bottom:22px;background:#fff;border:1px solid #dbe5e2}.filterTitle{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.pageIntro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:4px 0 22px}.kpi{padding:17px;min-height:112px;background:#fff}.kpi .MuiTypography-caption{color:#65807b;text-transform:uppercase;letter-spacing:.04em}.panel{padding:22px;margin-bottom:20px;background:#fff;overflow:auto}.chartPanel{min-height:340px}.uploadCard{border-left:5px solid var(--gold)}.uploadActions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px}.loading{min-height:260px;display:flex;flex-direction:column;justify-content:center;gap:18px;color:#55716c}.loginPage{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#123d3a,#246b62)}.loginCard{width:min(460px,calc(100% - 32px));padding:36px;display:flex;flex-direction:column;gap:17px;border-top:6px solid var(--gold)}.loginCard h3{color:var(--navy);font-weight:800}@media (max-width:900px){.sideDrawer .MuiDrawer-paper{width:235px}.content.withDrawer{margin-left:235px}.content{padding:0 16px 30px}.topbar{height:82px}.filterTitle{gap:10px;flex-direction:column}.pageIntro{align-items:flex-start;flex-direction:column}}@media (max-width:600px){.content.withDrawer{margin-left:0}.sideDrawer .MuiDrawer-paper{width:280px}.kpi{min-height:100px}.panel{padding:15px}}