:root{--bg:#f6f8fa;--card:#fff;--border:#e5e7eb;--border-light:#f3f4f6;--text1:#111827;--text2:#374151;--text3:#6b7280;--text4:#9ca3af;--accent:#4f46e5;--accent-light:#eef2ff;--sidebar-bg:#fff;--sidebar-border:#f1f3f5}html,body{background:var(--bg);max-width:100vw;color:var(--text1);overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}input,select,textarea,button{font-family:inherit}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.app-shell{background:#f6f8fa;min-height:100vh;display:flex}.app-sidebar{flex-shrink:0;width:240px;transition:width .2s}.app-right-pane{flex-direction:column;flex:1;min-width:0;max-height:100vh;display:flex;overflow-y:auto}.app-main{color:#111827;flex:1;padding:28px 32px}@media (max-width:1024px){.app-main{padding:20px}}@media (max-width:768px){.app-sidebar{display:none}.app-right-pane{max-height:100vh}.app-main{padding:16px 14px}}@media (max-width:900px){.metrics-grid{flex-wrap:wrap}.metrics-grid>*{flex:calc(50% - 6px);min-width:0}.two-col-grid{grid-template-columns:1fr!important}}@media (max-width:640px){.metrics-grid>*{flex:100%}}