:root{color:#172026;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f4f6f8}*{box-sizing:border-box}body{margin:0;overflow-x:hidden}button,input,select{font:inherit}.login-shell{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:24px}.login-panel{background:#fff;border:1px solid #d8e0e8;border-radius:8px;box-shadow:0 18px 50px #17202614;display:grid;gap:16px;max-width:420px;padding:32px;width:100%}h1,h2,p{margin:0}h1{font-size:26px}h2{font-size:16px}.topbar p{color:#607181}label{color:#394b59;display:grid;gap:6px;font-size:13px;font-weight:700}input,select{background:#fff;border:1px solid #cbd6e2;border-radius:6px;color:#172026;min-height:42px;padding:0 12px}button{background:#1f6feb;border:0;border-radius:6px;color:#fff;cursor:pointer;min-height:42px;padding:0 16px}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid #e5ebf1;font-size:13px;padding:11px 8px;text-align:right}th:first-child,td:first-child{max-width:260px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}th{color:#607181;font-weight:700}.error{color:#b42318;font-size:14px}.app-shell{min-height:100vh;overflow-x:hidden}.sidebar{background:#172026;color:#fff;display:grid;grid-template-rows:1fr auto;gap:28px;height:100vh;left:0;overflow:hidden;padding:28px 18px;position:fixed;top:0;width:260px;z-index:10}.sidebar-main{display:grid;align-content:start;gap:28px;min-height:0}.sidebar-brand{font-size:18px;font-weight:800;line-height:1.25;padding:0 8px}.side-nav{display:grid;gap:8px}.side-nav button{background:transparent;border:1px solid transparent;color:#cbd6e2;font-weight:700;justify-content:start;min-height:44px;padding:0 12px;text-align:left}.side-nav button.active,.side-nav button:hover{background:#25323b;border-color:#344550;color:#fff}.sign-out-button{background:transparent;border:1px solid #536775;color:#d8e0e8;font-weight:700;width:100%}.sign-out-button:hover{background:#25323b;color:#fff}.dashboard{display:grid;gap:20px;margin-left:260px;min-width:0;overflow-x:hidden;padding:28px;width:calc(100% - 260px)}.topbar,.filters,.metric-grid,.two-column{display:grid;gap:16px}.topbar{align-items:center;grid-template-columns:1fr auto;min-width:0}.icon-button{align-items:center;display:flex;justify-content:center;width:44px}.filters{background:#fff;border:1px solid #d8e0e8;border-radius:8px;grid-template-columns:1.4fr 1fr 1fr;min-width:0;padding:16px}.metric-grid{grid-template-columns:repeat(6,minmax(0,1fr));min-width:0}.metric-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card,.chart-panel,.table-panel,.notice{background:#fff;border:1px solid #d8e0e8;border-radius:8px}.metric-card{display:grid;gap:6px;min-height:104px;padding:18px}.metric-card span,.metric-card small{color:#607181;font-size:13px}.metric-card strong{font-size:24px;letter-spacing:0}.two-column{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}.chart-panel,.table-panel{display:grid;gap:16px;min-width:0;min-height:360px;padding:18px}.chart-frame{min-height:300px;min-width:0}.notice{padding:16px}@media(max-width:1120px){.metric-grid,.metric-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:860px){.sidebar{height:auto;position:static;gap:14px;padding:18px;width:auto}.side-nav{grid-template-columns:1fr}.dashboard{margin-left:0;padding:18px;width:100%}.topbar,.filters,.metric-grid,.metric-grid.compact,.two-column{grid-template-columns:1fr}}