*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--neo-ink:#1c1c1e;--neo-surface:#fafaf8;--neo-accent:#2563eb;--neo-accent-dark:#1d4ed8;--neo-positive:#16a34a;--neo-warning:#d97706;--neo-negative:#dc2626;--neo-muted:#6b7280;--neo-border:#e5e5e5;--neo-border-light:#f0f0ee;--neo-surface-elevated:#ffffff;--neo-navy:#0f172a;--neo-navy-light:#1e293b;--sidebar-width:260px;--font-display:"DM Serif Display",Georgia,"Times New Roman",serif;--font-body:"Satoshi",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code","Cascadia Code",monospace;--shadow-sm:0 1px 3px rgba(0,0,0,0.04),0 1px 2px rgba(0,0,0,0.02);--shadow-md:0 4px 12px rgba(0,0,0,0.05),0 1px 3px rgba(0,0,0,0.03);--shadow-lg:0 12px 32px rgba(0,0,0,0.06),0 4px 8px rgba(0,0,0,0.02);--shadow-card:0 1px 3px rgba(0,0,0,0.03),0 1px 2px rgba(0,0,0,0.02);--shadow-card-hover:0 8px 24px rgba(0,0,0,0.06),0 2px 6px rgba(0,0,0,0.02);--ease-out:cubic-bezier(0.4,0,0.2,1);--transition-fast:0.15s var(--ease-out);--transition-normal:0.25s var(--ease-out)}html{scroll-behavior:smooth}body,html{height:100%;font-family:var(--font-body);background:var(--neo-surface);color:var(--neo-ink);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}::selection{background:rgba(37,99,235,.15);color:var(--neo-ink)}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--font-body);font-weight:700;letter-spacing:-.01em}.mono,code,pre{font-family:var(--font-mono)}.dashboard-layout{display:flex;min-height:100vh}.dashboard-main{flex:1 1;padding:16px;overflow:auto;min-width:0}.sidebar{width:var(--sidebar-width);background-color:var(--neo-surface-elevated);border-right:1px solid var(--neo-border-light);padding:24px 0;display:flex;flex-direction:column;gap:2px;flex-shrink:0;transition:transform var(--transition-normal);z-index:40}.sidebar-overlay{display:none}.menu-toggle{display:none;position:fixed;top:12px;left:12px;z-index:50;width:44px;height:44px;border-radius:8px;border:1px solid var(--neo-border);background:var(--neo-surface-elevated);color:var(--neo-ink);font-size:20px;cursor:pointer;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transition:all var(--transition-fast)}.menu-toggle:hover{box-shadow:var(--shadow-lg)}.grid-kpi{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(2,1fr)}.grid-kpi-3{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,1fr)}.grid-2col{display:grid;grid-gap:16px;gap:16px;grid-template-columns:1fr}.grid-auto{display:grid;grid-gap:12px;gap:12px;grid-template-columns:1fr}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px}.table-responsive table{min-width:600px}.chart-container{width:100%;overflow:hidden}.neo-card{background-color:var(--neo-surface-elevated);border:1px solid var(--neo-border-light);border-radius:12px;padding:16px;box-shadow:var(--shadow-card);transition:box-shadow var(--transition-normal),border-color var(--transition-normal),transform var(--transition-normal)}.neo-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--neo-border)}.neo-card-interactive{background-color:var(--neo-surface-elevated);border:1px solid var(--neo-border-light);border-radius:12px;padding:20px;box-shadow:var(--shadow-card);transition:box-shadow var(--transition-normal),border-color var(--transition-normal),transform var(--transition-normal);cursor:pointer}.neo-card-interactive:hover{box-shadow:var(--shadow-card-hover);border-color:var(--neo-border);transform:translateY(-1px)}.neo-card-interactive:active{transform:translateY(0);box-shadow:var(--shadow-card)}input:focus,select:focus,textarea:focus{border-color:var(--neo-accent)!important;box-shadow:0 0 0 3px rgba(37,99,235,.1),0 1px 2px rgba(0,0,0,.03)!important;outline:none}button[style*=background-color]:not(:disabled):hover{filter:brightness(1.05)}.table-responsive tbody tr{transition:background-color var(--transition-fast)}.table-responsive tbody tr:hover{background-color:rgba(37,99,235,.02)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.animate-fade-in-up{animation:fadeInUp .3s var(--ease-out) forwards}.animate-shake{animation:shake .4s var(--ease-out)}.animate-slide-down{animation:slideDown .25s var(--ease-out) forwards}.animate-pulse{animation:pulse 1.5s var(--ease-out) infinite}@media (min-width:640px){.dashboard-main{padding:20px}.grid-auto{grid-template-columns:repeat(2,1fr)}.neo-card{padding:24px}}@media (min-width:768px){.dashboard-main{padding:32px}.sidebar{transform:translateX(0);position:relative}.menu-toggle{display:none!important}.grid-kpi,.grid-kpi-3{grid-template-columns:repeat(3,1fr)}.grid-2col{grid-template-columns:1fr 1fr}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (min-width:1024px){.grid-kpi{grid-template-columns:repeat(4,1fr)}}@media (min-width:1280px){.grid-kpi{grid-template-columns:repeat(5,1fr)}}@media (max-width:767px){.sidebar{position:fixed;top:0;left:0;bottom:0;transform:translateX(-100%)}.sidebar.sidebar-open{transform:translateX(0)}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:35}.sidebar-overlay.sidebar-overlay-visible{display:block}.menu-toggle{display:flex}.dashboard-main{padding-top:60px}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--neo-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--neo-muted)}:focus-visible{outline:2px solid var(--neo-accent);outline-offset:2px}@media print{.menu-toggle,.sidebar,.sidebar-overlay{display:none!important}.dashboard-main{padding:0}}