:root{--bg-color:#f8fafc;--fg-color:#0f172a;--card-bg:#fff;--card-border:#e2e8f0;--sidebar-bg:#fff;--primary:#ef4444;--success:#10b981;--error:#ef4444;--accent:#fbbf24;--text-muted:#64748b;--glass-bg:#fffc}[data-theme=dark]{--bg-color:#0a0b10;--fg-color:#fff;--card-bg:#ffffff0d;--card-border:#ffffff1a;--sidebar-bg:#111218;--primary:#ef4444;--success:#10b981;--error:#ef4444;--accent:#fbbf24;--text-muted:#94a3b8;--glass-bg:#14151ccc}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .3s,color .3s,width .3s}body{background:var(--bg-color);color:var(--fg-color);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5}.glass{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:12px}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--card-border);z-index:100;flex-direction:column;width:260px;height:100vh;display:flex;position:fixed;top:0;left:0}.sidebar.collapsed{width:80px}.main-content{min-height:100vh;margin-left:260px;padding:2rem}.main-content.expanded{margin-left:80px}button{cursor:pointer}@media (max-width:768px){.sidebar{width:0;transition:transform .3s;overflow:hidden;transform:translate(-100%)}.sidebar.collapsed{width:260px;transform:translate(0)}.main-content{width:100%;padding:1rem;margin-left:0!important}.main-content.expanded{margin-left:0!important}}