*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--coc-green: #22c55e;--coc-green-600: #16a34a;--coc-blue: #3b82f6;--steel-50: #f8fafc;--steel-100: #f1f5f9;--steel-200: #e2e8f0;--steel-300: #cbd5e1;--steel-400: #94a3b8;--steel-500: #64748b;--steel-600: #475569;--steel-700: #334155;--steel-800: #1e293b;--steel-900: #0f172a;--card-bg: #ffffff;--card-border: var(--steel-100);--input-bg: #ffffff;--input-border: var(--steel-200);--page-bg: var(--steel-50);--sidebar-bg: var(--steel-900)}[data-theme=commercial-kitchen]{--bg-primary: #0A0F1A;--bg-surface: #111827;--accent: #22C55E;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--text-primary: #FFFFFF;--text-secondary: #9CA3AF;--text-muted: #4B5563;--card-bg: var(--glass-bg);--card-border: var(--glass-border);--page-bg: var(--bg-primary);--sidebar-bg: var(--bg-surface)}[data-theme=clean-light]{--bg-primary: #FFFFFF;--bg-surface: #F9FAFB;--accent: #16A34A;--glass-bg: rgba(0, 0, 0, .03);--glass-border: rgba(0, 0, 0, .08);--text-primary: #111827;--text-secondary: #4B5563;--text-muted: #9CA3AF;--card-bg: var(--glass-bg);--card-border: var(--glass-border);--page-bg: var(--bg-primary);--sidebar-bg: var(--bg-surface)}.glass-card{background:var(--glass-bg);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff14}.glass-card:hover{background:#ffffff14;border-color:#22c55e4d;transform:translateY(-1px);transition:all .2s ease}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--page-bg);color:var(--steel-800);min-height:100vh;-webkit-font-smoothing:antialiased;transition:background .3s,color .3s}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.sidebar{width:260px;background:#0a0f1a;display:flex;flex-direction:column;padding:24px 16px;flex-shrink:0;transition:width .3s ease;border-right:1px solid var(--glass-border)}.sidebar-group-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:24px 0 8px 12px}.sidebar-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;font-size:13px;font-weight:500;text-decoration:none;color:var(--text-secondary);transition:all .2s ease;border-left:3px solid transparent}.sidebar-link:hover{background:#ffffff14;color:var(--text-primary)}.sidebar-link.active{background:var(--glass-bg);color:var(--text-primary);border-left-color:var(--accent);font-weight:600}@media(max-width:768px){.sidebar{width:80px;align-items:center;padding:24px 8px}.sidebar-group-label,.sidebar-link-text,.sidebar-logo-text{display:none}.sidebar-link{justify-content:center;padding:12px}.sidebar-bottom-user{display:none}}