:root{--color-primary:#4f46e5;--color-primary-light:#6366f1;--color-primary-dark:#4338ca;--color-success:#16a34a;--color-success-light:#22c55e;--color-warning:#d97706;--color-warning-light:#f59e0b;--color-error:#dc2626;--color-error-light:#ef4444;--color-info:#2563eb;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-surface:#fff;--bg-surface-hover:#f8fafc;--bg-surface-raised:#fff;--bg-surface-sunken:#f1f5f9;--bg-sidebar:#f8fafc;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--text-inverse:#fff;--border-color:#e2e8f0;--border-color-hover:#cbd5e1;--border-color-active:#4f46e580;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--background:0 0% 100%;--foreground:222.2 84% 4.9%;--card:0 0% 100%;--card-foreground:222.2 84% 4.9%;--popover:0 0% 100%;--popover-foreground:222.2 84% 4.9%;--primary:243.4 75.4% 58.6%;--primary-foreground:0 0% 100%;--secondary:210 40% 96.1%;--secondary-foreground:222.2 47.4% 11.2%;--muted:210 40% 96.1%;--muted-foreground:215.4 16.3% 46.9%;--accent:210 40% 96.1%;--accent-foreground:222.2 47.4% 11.2%;--destructive:0 84.2% 60.2%;--destructive-foreground:210 40% 98%;--border:214.3 31.8% 91.4%;--input:214.3 31.8% 91.4%;--ring:243.4 75.4% 58.6%;--radius:.5rem;--chart-1:12 76% 61%;--chart-2:173 58% 39%;--chart-3:197 37% 24%;--chart-4:43 74% 66%;--chart-5:27 87% 67%;--sidebar-background:210 40% 98%;--sidebar-foreground:222.2 47.4% 11.2%;--sidebar-primary:243.4 75.4% 58.6%;--sidebar-primary-foreground:0 0% 100%;--sidebar-accent:210 40% 96.1%;--sidebar-accent-foreground:222.2 47.4% 11.2%;--sidebar-border:214.3 31.8% 91.4%;--sidebar-ring:243.4 75.4% 58.6%;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--font-family:"DM Sans",system-ui,-apple-system,sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.25rem;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.25s cubic-bezier(.4,0,.2,1);--transition-slow:.35s cubic-bezier(.4,0,.2,1);--sidebar-width:260px;--sidebar-collapsed:72px;--header-height:64px}.dark{--color-primary:#818cf8;--color-primary-light:#a5b4fc;--color-primary-dark:#6366f1;--color-success:#22c55e;--color-success-light:#4ade80;--color-warning:#f59e0b;--color-warning-light:#fbbf24;--color-error:#ef4444;--color-error-light:#f87171;--color-info:#3b82f6;--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-surface:#1e293b;--bg-surface-hover:#334155;--bg-surface-raised:#334155;--bg-surface-sunken:#0f172a;--bg-sidebar:#1e293b;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-tertiary:#64748b;--text-inverse:#0f172a;--border-color:#334155;--border-color-hover:#475569;--border-color-active:#818cf880;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;--shadow-lg:0 10px 15px -3px #0006,0 4px 6px -2px #0003;--shadow-xl:0 20px 25px -5px #00000080,0 10px 10px -5px #0000004d;--background:222.2 84% 4.9%;--foreground:210 40% 98%;--card:222.2 47.4% 11.2%;--card-foreground:210 40% 98%;--popover:222.2 47.4% 11.2%;--popover-foreground:210 40% 98%;--primary:243.4 75.4% 73.3%;--primary-foreground:222.2 84% 4.9%;--secondary:217.2 32.6% 17.5%;--secondary-foreground:210 40% 98%;--muted:217.2 32.6% 17.5%;--muted-foreground:215 20.2% 65.1%;--accent:217.2 32.6% 17.5%;--accent-foreground:210 40% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:210 40% 98%;--border:217.2 32.6% 17.5%;--input:217.2 32.6% 17.5%;--ring:243.4 75.4% 73.3%;--chart-1:220 70% 50%;--chart-2:160 60% 45%;--chart-3:30 80% 55%;--chart-4:280 65% 60%;--chart-5:340 75% 55%;--sidebar-background:222.2 47.4% 11.2%;--sidebar-foreground:210 40% 98%;--sidebar-primary:243.4 75.4% 73.3%;--sidebar-primary-foreground:222.2 84% 4.9%;--sidebar-accent:217.2 32.6% 17.5%;--sidebar-accent-foreground:210 40% 98%;--sidebar-border:217.2 32.6% 17.5%;--sidebar-ring:243.4 75.4% 73.3%}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;transition:background-color .3s,color .3s}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-dark)}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:700;line-height:1.3}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-5);font-family:var(--font-family);font-size:var(--font-size-sm);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;border:1px solid #0000;font-weight:600;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background:var(--bg-surface-hover);border-color:var(--border-color-hover)}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:hover{box-shadow:var(--shadow-md);background:#b91c1c;transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);background:0 0;border:none}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-surface-sunken)}.btn-sm{padding:var(--space-2)var(--space-3);font-size:var(--font-size-xs)}.btn-lg{padding:var(--space-4)var(--space-8);font-size:var(--font-size-base)}.btn-icon{padding:var(--space-2);width:36px;height:36px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}.form-input{width:100%;padding:var(--space-3)var(--space-4);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-base);outline:none}.form-input::placeholder{color:var(--text-tertiary)}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #4f46e526}.form-input:disabled{opacity:.5;cursor:not-allowed}.form-error{font-size:var(--font-size-xs);color:var(--color-error);align-items:center;gap:var(--space-1);display:flex}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4)center;padding-right:var(--space-10)}textarea.form-input{resize:vertical;min-height:100px}.card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-base)}.card:hover{border-color:var(--border-color-hover)}.card-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.card-title{font-size:var(--font-size-lg);font-weight:600}.card-content{color:var(--text-secondary)}.card-interactive{cursor:pointer}.card-interactive:hover{box-shadow:var(--shadow-lg);border-color:var(--border-color-active);transform:translateY(-2px)}.stat-card{position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--color-primary);border-radius:var(--radius-xl)var(--radius-xl)0 0;height:3px;position:absolute;top:0;left:0;right:0}.stat-value{font-size:var(--font-size-3xl);color:var(--text-primary);font-weight:800}.stat-label{font-size:var(--font-size-sm);color:var(--text-tertiary);margin-top:var(--space-1)}.stat-change{font-size:var(--font-size-xs);padding:var(--space-1)var(--space-2);border-radius:var(--radius-full);font-weight:600}.stat-change.positive{color:var(--color-success);background:#16a34a1a}.stat-change.negative{color:var(--color-error);background:#dc26261a}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-3);font-size:var(--font-size-xs);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;font-weight:600;display:inline-flex}.badge-planned{color:var(--text-secondary);background:#94a3b826;border:1px solid #94a3b833}.badge-published{color:var(--color-success);background:#16a34a1a;border:1px solid #16a34a33}.badge-cancelled{color:var(--color-error);background:#dc26261a;border:1px solid #dc262633}.badge-publishing{color:var(--color-warning);background:#d977061a;border:1px solid #d9770633}.badge-synced{color:var(--color-success);background:#16a34a1a}.badge-pending{color:var(--color-warning);background:#d977061a}.badge-error{color:var(--color-error);background:#dc26261a}.badge-booked{color:var(--color-info);background:#2563eb1a}.badge-checked-in{color:var(--color-success);background:#16a34a1a}.badge-no-show{color:var(--color-warning);background:#d977061a}.badge-late-cancel{color:var(--color-error-light);background:#ef44441a}.table-container{border-radius:var(--radius-xl);border:1px solid var(--border-color);overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th{padding:var(--space-3)var(--space-4);font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;text-align:left;background:var(--bg-surface-sunken);border-bottom:1px solid var(--border-color);font-weight:600}.table td{padding:var(--space-3)var(--space-4);font-size:var(--font-size-sm);border-bottom:1px solid var(--border-color);transition:background var(--transition-fast)}.table tbody tr:hover td{background:var(--bg-surface-hover)}.table tbody tr:last-child td{border-bottom:none}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border-color);z-index:50;transition:width var(--transition-slow);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-logo{padding:var(--space-6);align-items:center;gap:var(--space-3);border-bottom:1px solid var(--border-color);display:flex}.sidebar-logo-icon{border-radius:var(--radius-lg);background:var(--color-primary);width:36px;height:36px;font-size:var(--font-size-lg);color:#fff;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:flex}.sidebar-logo-text{font-size:var(--font-size-lg);color:var(--text-primary);font-weight:700}.sidebar-nav{padding:var(--space-4);gap:var(--space-1);flex-direction:column;flex:1;display:flex;overflow-y:auto}.sidebar-section{margin-top:var(--space-6)}.sidebar-section-title{font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;padding:0 var(--space-3);margin-bottom:var(--space-2);font-weight:600}.sidebar-link{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-3);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--text-secondary);transition:all var(--transition-fast);font-weight:500;text-decoration:none;display:flex;position:relative}.sidebar-link:hover{color:var(--text-primary);background:var(--bg-surface-sunken)}.sidebar-link.active{color:var(--color-primary);background:#4f46e514}.dark .sidebar-link.active{color:var(--color-primary-light);background:#818cf81a}.sidebar-link.active:before{content:"";background:var(--color-primary);border-radius:0 var(--radius-sm)var(--radius-sm)0;width:3px;height:24px;position:absolute;top:50%;left:-16px;transform:translateY(-50%)}.sidebar-link-icon{width:20px;height:20px;font-size:var(--font-size-base);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-footer{padding:var(--space-4);border-top:1px solid var(--border-color)}.sidebar-user{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);transition:background var(--transition-fast);cursor:pointer;display:flex}.sidebar-user:hover{background:var(--bg-surface-sunken)}.sidebar-avatar{border-radius:var(--radius-full);background:var(--color-primary);width:36px;height:36px;font-size:var(--font-size-sm);color:#fff;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-size:var(--font-size-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.sidebar-user-role{font-size:var(--font-size-xs);color:var(--text-tertiary)}.main-content{margin-left:var(--sidebar-width);min-height:100vh}.header{height:var(--header-height);padding:0 var(--space-8);background:var(--bg-primary);border-bottom:1px solid var(--border-color);z-index:40;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.header-title{font-size:var(--font-size-xl);font-weight:700}.header-actions{align-items:center;gap:var(--space-3);display:flex}.page-content{padding:var(--space-8);max-width:1400px}.page-header{margin-bottom:var(--space-8);justify-content:space-between;align-items:center;display:flex}.page-header-left{gap:var(--space-1);flex-direction:column;display:flex}.page-subtitle{font-size:var(--font-size-sm);color:var(--text-tertiary)}.grid-stats{gap:var(--space-6);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.grid-2{gap:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.login-container{min-height:100vh;padding:var(--space-4);background:var(--bg-surface-sunken);justify-content:center;align-items:center;display:flex}.login-card{z-index:1;width:100%;max-width:420px;position:relative}.login-logo{text-align:center;margin-bottom:var(--space-8)}.login-logo-icon{width:56px;height:56px;margin:0 auto var(--space-4);border-radius:var(--radius-xl);background:var(--color-primary);font-size:var(--font-size-2xl);color:#fff;box-shadow:var(--shadow-md);justify-content:center;align-items:center;font-weight:800;display:flex}.login-logo h1{font-size:var(--font-size-2xl);color:var(--text-primary)}.login-logo p{font-size:var(--font-size-sm);color:var(--text-tertiary);margin-top:var(--space-1)}.login-form{gap:var(--space-5);flex-direction:column;display:flex}.login-form .btn-primary{width:100%;padding:var(--space-4);font-size:var(--font-size-base);margin-top:var(--space-2)}.login-forgot{text-align:right}.login-forgot a{font-size:var(--font-size-sm);color:var(--text-tertiary)}.login-forgot a:hover{color:var(--color-primary)}.login-error{padding:var(--space-3)var(--space-4);border-radius:var(--radius-lg);color:var(--color-error);font-size:var(--font-size-sm);text-align:center;background:#dc262614;border:1px solid #dc262633;animation:.4s fadeInShake}@keyframes fadeInShake{0%{opacity:0;transform:translate(-10px)}25%{transform:translate(10px)}50%{transform:translate(-5px)}75%{transform:translate(5px)}to{opacity:1;transform:translate(0)}}.modal-overlay{z-index:100;animation:fadeIn var(--transition-fast);padding:var(--space-4);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-2xl);width:100%;max-width:500px;max-height:90vh;animation:slideUp var(--transition-base);box-shadow:var(--shadow-xl);overflow-y:auto}.modal-header{padding:var(--space-6);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--font-size-lg);font-weight:600}.modal-body{padding:var(--space-6)}.modal-footer{justify-content:flex-end;gap:var(--space-3);padding:var(--space-4)var(--space-6);border-top:1px solid var(--border-color);display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.empty-state{padding:var(--space-16)var(--space-8);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{margin-bottom:var(--space-4);opacity:.3;font-size:3rem}.empty-state-title{font-size:var(--font-size-lg);margin-bottom:var(--space-2);font-weight:600}.empty-state-text{font-size:var(--font-size-sm);color:var(--text-tertiary);margin-bottom:var(--space-6);max-width:400px}.spinner{border:2px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.spinner-lg{border-width:3px;width:40px;height:40px}@keyframes spin{to{transform:rotate(360deg)}}.loading-page{justify-content:center;align-items:center;min-height:50vh;display:flex}.toast-container{top:var(--space-4);right:var(--space-4);z-index:200;gap:var(--space-3);flex-direction:column;display:flex;position:fixed}.toast{padding:var(--space-4)var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--border-color);font-size:var(--font-size-sm);align-items:center;gap:var(--space-3);animation:slideInRight var(--transition-base);min-width:300px;box-shadow:var(--shadow-lg);background:var(--bg-surface);display:flex}.toast-success{color:var(--color-success);background:#16a34a14;border-color:#16a34a4d}.toast-error{color:var(--color-error);background:#dc262614;border-color:#dc26264d}.toast-info{color:var(--color-info);background:#2563eb14;border-color:#2563eb4d}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.search-bar{align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);display:flex}.search-input-wrapper{flex:1;position:relative}.search-input-wrapper .form-input{padding-left:var(--space-10)}.search-icon{left:var(--space-4);color:var(--text-tertiary);font-size:var(--font-size-sm);position:absolute;top:50%;transform:translateY(-50%)}.badge-success{color:var(--color-success);background:#16a34a1a;border:1px solid #16a34a33}.badge-warning{color:var(--color-warning);background:#d977061a;border:1px solid #d9770633}.badge-danger{color:var(--color-error);background:#dc26261a;border:1px solid #dc262633}.badge-info{color:var(--color-info);background:#2563eb1a;border:1px solid #2563eb33}.badge-secondary{color:var(--text-secondary);background:#94a3b81f;border:1px solid #94a3b833}.input{width:100%;padding:var(--space-3)var(--space-4);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-base);outline:none}.input::placeholder{color:var(--text-tertiary)}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #4f46e526}.input:disabled{opacity:.5;cursor:not-allowed}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4)center;padding-right:var(--space-10)}textarea.input{resize:vertical;min-height:80px}.label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}.form-group+.form-group,.modal-body .form-group+.form-group{margin-top:var(--space-4)}.avatar{border-radius:var(--radius-full);background:var(--color-primary);width:36px;height:36px;font-size:var(--font-size-xs);color:#fff;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.btn-success{background:var(--color-success);color:#fff}.btn-success:hover{box-shadow:var(--shadow-md);background:#15803d;transform:translateY(-1px)}.btn-warning{background:var(--color-warning);color:#fff}.btn-warning:hover{box-shadow:var(--shadow-md);background:#b45309;transform:translateY(-1px)}code{background:var(--bg-surface-sunken);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--color-primary);padding:.15em .4em;font-family:JetBrains Mono,Fira Code,monospace;font-size:.85em}.text-muted{color:var(--text-tertiary)}.alert{padding:var(--space-3)var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);border:1px solid}.alert-success{color:var(--color-success);background:#16a34a14;border-color:#16a34a4d}.alert-error{color:var(--color-error);background:#dc262614;border-color:#dc26264d}.alert-warning{color:var(--color-warning);background:#d9770614;border-color:#d977064d}.alert-info{color:var(--color-info);background:#2563eb14;border-color:#2563eb4d}.mobile-menu-toggle{top:var(--space-4);left:var(--space-4);z-index:60;border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border-color);cursor:pointer;width:44px;height:44px;transition:all var(--transition-base);box-shadow:var(--shadow-sm);flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0;display:none;position:fixed}.mobile-menu-toggle:hover{background:var(--bg-surface-hover);border-color:var(--border-color-hover)}.mobile-menu-toggle:active{transform:scale(.95)}.hamburger-line{background:var(--text-primary);width:20px;height:2px;transition:all var(--transition-fast);border-radius:1px;display:block}.sidebar-overlay,.sidebar-close{display:none}.theme-toggle{border-radius:var(--radius-full);background:var(--bg-surface);border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.theme-toggle:hover{background:var(--bg-surface-hover);border-color:var(--border-color-hover);color:var(--text-primary)}@media (max-width:768px){.mobile-menu-toggle{display:flex}.sidebar-overlay{z-index:49;animation:fadeIn var(--transition-fast);background:#00000080;display:block;position:fixed;inset:0}.sidebar{transition:transform var(--transition-slow);z-index:50;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-close{top:var(--space-4);right:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-color);width:32px;height:32px;color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);z-index:1;background:0 0;justify-content:center;align-items:center;display:flex;position:absolute}.sidebar-close:hover{background:var(--bg-surface-sunken);color:var(--text-primary);border-color:var(--border-color-hover)}.main-content{margin-left:0}.page-content{padding:var(--space-4);padding-top:calc(var(--space-4) + 44px + var(--space-4))}.header{padding:0 var(--space-4);padding-left:calc(44px + var(--space-4) + var(--space-4))}.grid-stats{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.grid-2,.grid-3{grid-template-columns:1fr}.page-header{align-items:flex-start;gap:var(--space-4);flex-direction:column}.table-hide-mobile{display:none}.table-mobile-sub{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:.125rem}}.table-mobile-sub{display:none}.tbl-action{border-radius:var(--radius-md);color:#64748b;cursor:pointer;width:36px;height:36px;transition:background var(--transition-fast),color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.tbl-action:disabled{opacity:.4;cursor:not-allowed}.tbl-action:not(:disabled):hover{background:var(--bg-surface-sunken)}.tbl-action-publish:not(:disabled):hover{color:#22c55e}.tbl-action-cancel:not(:disabled):hover{color:#ef4444}.tbl-action-default:not(:disabled):hover{color:var(--text-primary)}.trainings-table-desktop{display:block}.trainings-cards-mobile{display:none}.training-mobile-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.training-mobile-card:hover{background:var(--bg-surface-hover);border-color:var(--border-color-hover)}@media (max-width:768px){.table-mobile-sub{display:block}.trainings-table-desktop{display:none}.trainings-cards-mobile{gap:var(--space-2);flex-direction:column;display:flex}.trainings-new-btn{width:100%;padding:14px var(--space-5);justify-content:center}.trainings-filter-top{scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px;overflow-x:auto;flex-wrap:nowrap!important}.trainings-filter-top::-webkit-scrollbar{display:none}.trainings-filter-meta{row-gap:var(--space-2);flex-wrap:wrap}.trainings-filter-meta .trainings-count{width:100%;margin-left:0!important}}