*{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a2e;background-color:#f5f5f0;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}input,button,select,textarea{font-family:inherit}input[type=text],input[type=email],input[type=password]{color:#1a1a2e;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:14px;transition:border .2s}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus{border-color:#22497d;box-shadow:0 0 0 3px #22497d1a}button{cursor:pointer;border:none;border-radius:8px;font-size:14px;font-weight:500;transition:all .2s}button:active{transform:scale(.98)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f0f4f8}::-webkit-scrollbar-thumb{background:#22497d;border-radius:3px}.layout{background:#f5f5f0;min-height:100vh;display:flex}.sidebar{z-index:100;background:#fff;flex-direction:column;width:260px;height:100vh;transition:transform .28s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;overflow-y:auto;box-shadow:2px 0 20px #22497d12}.sidebar-overlay{z-index:99;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000059;display:none;position:fixed;inset:0}.main-content{background:#f5f5f0;flex-direction:column;flex:1;min-width:0;margin-left:260px;display:flex}.mobile-header{z-index:50;background:#fff;justify-content:space-between;align-items:center;height:60px;padding:0 20px;display:none;position:sticky;top:0;box-shadow:0 2px 10px #0000000f}.page-content{flex:1;padding:32px;overflow-x:hidden}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:2px}@media (width<=768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay.open{display:block}.main-content{margin-left:0}.mobile-header{display:flex}.page-content{padding:20px 16px}}.dash-metrics{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px;display:grid}.dash-mid{grid-template-columns:1fr 320px;align-items:start;gap:20px;margin-bottom:24px;display:grid}.dash-bottom{grid-template-columns:360px 1fr;align-items:start;gap:20px;display:grid}@media (width<=1200px){.dash-mid,.dash-bottom{grid-template-columns:1fr}}@media (width<=900px){.dash-metrics{grid-template-columns:1fr 1fr}}@media (width<=580px){.dash-metrics{grid-template-columns:1fr}.page-content{padding:16px}}