:root{--bg-main: #f1f5f9;--bg-alt: #e2e8f0;--bg-card: #ffffff;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--border-color: #e2e8f0;--border-hover: #cbd5e1;--input-bg: #ffffff;--input-text: #1e293b;--bg-warning: #fff8e1;--border-warning: #ffe082;--text-warning: #e65100;--bg-success: #e8f5e9;--border-success: #c8e6c9;--text-success: #1b5e20;--bg-info: #e3f2fd;--border-info: #bbdefb;--text-info: #0d47a1;--bg-danger: #ffebee;--border-danger: #ffcdd2;--text-danger: #c62828;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html.dark{--bg-main: #0b1120;--bg-alt: #0f172a;--bg-card: #1e293b;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border-color: #334155;--border-hover: #475569;--input-bg: #0f172a;--input-text: #f8fafc;--bg-warning: rgba(245, 158, 11, .1);--border-warning: rgba(245, 158, 11, .3);--text-warning: #fcd34d;--bg-success: rgba(16, 185, 129, .1);--border-success: rgba(16, 185, 129, .3);--text-success: #6ee7b7;--bg-info: rgba(59, 130, 246, .1);--border-info: rgba(59, 130, 246, .3);--text-info: #93c5fd;--bg-danger: rgba(239, 68, 68, .1);--border-danger: rgba(239, 68, 68, .3);--text-danger: #fca5a5}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background-color:var(--bg-main);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}.dashboard{display:flex;flex-direction:column;width:100%;min-height:100vh}.dashboard-body{display:flex;flex:1;width:100%}.sidebar{background-color:var(--bg-card);border-right:1px solid var(--border-color);width:220px;min-height:calc(100vh - 64px);padding:1rem;transition:background-color .3s ease}.sidebar ul{list-style:none;padding-left:0;margin-top:.5rem}.sidebar li{padding:.6rem .5rem;margin-bottom:.3rem;cursor:pointer;border-radius:6px;font-size:.95rem;line-height:1.3;color:var(--text-secondary);transition:background-color .2s ease,color .2s ease}.sidebar li:hover{background-color:var(--bg-main);color:var(--text-primary);text-decoration:none}.sidebar li.active{background-color:var(--bg-main);color:var(--text-primary);font-weight:600;border:1px solid var(--border-color)}.main-content{flex:1;padding:1.5rem;background-color:var(--bg-main);transition:background-color .3s ease}@media(max-width:768px){.dashboard-body{flex-direction:column}.sidebar{width:100%;min-height:auto}}