.admin-login-page{background:radial-gradient(circle at 50% 10%,#4f46e514,#0000 45%),radial-gradient(circle at 10% 90%,#0ea5e90f,#0000 35%),#f8fafc;justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:24px;display:flex}.admin-login-card{border:1px solid var(--color-border);background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:440px;padding:40px 36px;animation:.4s forwards fadeIn;display:flex;box-shadow:0 12px 36px -6px #00000014,0 4px 16px -2px #0000000a}.login-header-zone{text-align:center;margin-bottom:28px}.login-shield-badge{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;display:flex;box-shadow:0 8px 20px #4f46e54d}.login-header-zone h1{color:#0f172a;letter-spacing:-.5px;margin-bottom:6px;font-size:24px;font-weight:800}.login-header-zone p{color:#64748b;margin:0;font-size:14px}.login-error-alert{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:13px;font-weight:600;display:flex}.login-form{flex-direction:column;gap:20px;display:flex}.form-field-group{flex-direction:column;gap:6px;display:flex}.form-field-group label{color:#334155;letter-spacing:.5px;font-size:12px;font-weight:700}.input-icon-container{align-items:center;width:100%;display:flex;position:relative}.input-icon-container .field-icon{color:#64748b;pointer-events:none;z-index:2;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input-icon-container input[type=text],.input-icon-container input[type=password]{font-size:14px;font-weight:500;line-height:1.5;transition:all .2s;color:#0f172a!important;background-color:#fff!important;border:1.5px solid #cbd5e1!important;border-radius:10px!important;width:100%!important;padding:12px 14px 12px 44px!important}.input-icon-container input::placeholder{color:#94a3b8!important}.input-icon-container input:focus{color:#000!important;background-color:#fff!important;border-color:#4f46e5!important;box-shadow:0 0 0 3px #4f46e533!important}.login-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:14px;font-size:15px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 14px #4f46e54d}.login-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #4f46e566}.login-submit-btn:disabled{opacity:.7;cursor:not-allowed}.login-footer-info{text-align:center;color:#94a3b8;margin-top:24px;font-size:12px;font-weight:500}.admin-sidebar{border-right:1px solid var(--color-border);z-index:50;background:#fff;flex-direction:column;width:280px;height:100vh;transition:all .3s;display:flex;position:sticky;top:0}.sidebar-brand{border-bottom:1px solid var(--color-border);align-items:center;gap:14px;padding:24px;display:flex}.brand-icon-wrap{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 12px #4f46e54d}.brand-info h2{letter-spacing:-.5px;color:var(--color-text-primary);margin:0;font-size:18px;font-weight:800}.brand-info span{color:#6366f1;text-transform:uppercase;letter-spacing:.8px;font-size:11px;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:6px;padding:20px 16px;display:flex;overflow-y:auto}.nav-section-title{color:var(--color-text-light);text-transform:uppercase;letter-spacing:.8px;padding:10px 12px 4px;font-size:11px;font-weight:700}.nav-item-btn{color:var(--color-text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;width:100%;padding:11px 14px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.nav-item-btn:hover{background:var(--color-surface);color:var(--color-text-primary)}.nav-item-btn.active{color:#4f46e5;background:#eef2ff;font-weight:700}.nav-item-btn.active .nav-icon{color:#4f46e5}.sidebar-footer{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.admin-profile{align-items:center;gap:10px;display:flex}.admin-avatar{color:#4f46e5;background:#f1f5f9;border:1.5px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.admin-name{color:var(--color-text-primary);font-size:13px;font-weight:700}.admin-role{color:var(--color-text-muted);font-size:11px}.logout-icon-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;transition:all .2s}.logout-icon-btn:hover{color:#ef4444;background:#fee2e2}@media (width<=900px){.admin-sidebar{position:fixed;left:-280px}.admin-sidebar.open{left:0;box-shadow:0 0 30px #0003}}.live-manager-container{flex-direction:column;gap:24px;max-width:1200px;padding:32px;display:flex}.live-manager-header{justify-content:space-between;align-items:flex-start;display:flex}.live-manager-header h2{color:#0f172a;letter-spacing:-.5px;margin-bottom:4px;font-size:26px;font-weight:800}.live-manager-header p{color:#64748b;margin:0;font-size:14px}.header-action-group{gap:10px;display:flex}.header-action-btn{cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.header-action-btn.edit{color:#334155;background:#f1f5f9;border:1px solid #cbd5e1}.header-action-btn.delete{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.tabs-navigation{gap:10px;display:flex}.tab-nav-btn{cursor:pointer;color:#475569;background:#f1f5f9;border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .2s}.tab-nav-btn.active{color:#fff;background:#3b82f6;box-shadow:0 4px 12px #3b82f640}.live-status-banner{border-radius:14px;align-items:center;gap:16px;padding:16px 20px;font-weight:600;display:flex}.live-status-banner.open{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.live-status-banner.closed{color:#475569;background:#f8fafc;border:1px solid #e2e8f0}.status-banner-icon{justify-content:center;align-items:center;display:flex}.live-status-banner h3{margin:0 0 2px;font-size:16px;font-weight:800}.live-status-banner p{opacity:.9;margin:0;font-size:13px}.time-window-card{border:1px solid var(--color-border);box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;flex-direction:column;gap:24px;padding:28px;display:flex}.window-card-header{align-items:center;gap:10px;display:flex}.header-icon-pill{color:#fff;background:#3b82f6;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.window-card-header h3{color:#0f172a;margin:0;font-size:16px;font-weight:800}.time-pickers-container{align-items:center;gap:20px;display:flex}.time-input-field{flex-direction:column;flex:1;gap:8px;display:flex}.time-input-field label{color:#475569;font-size:12px;font-weight:700}.time-input-field input,.time-input-field select{width:100%;height:44px}.time-arrow{color:#94a3b8;margin-top:20px}.advanced-settings-header{color:#0f172a;margin-top:8px;font-size:14px;font-weight:800}.timing-actions-row{gap:16px;margin-top:12px;display:flex}.btn-start-timing{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:15px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 14px #22c55e4d}.btn-start-timing:hover:not(:disabled){background:#16a34a;transform:translateY(-1px)}.btn-stop-timing{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:15px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 14px #ef44444d}.btn-stop-timing:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.btn-export-csv{color:#334155;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:13px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.btn-export-csv:hover{background:#f8fafc;border-color:#94a3b8}.modal-backdrop{-webkit-backdrop-filter:blur(6px)!important;z-index:999999!important;box-sizing:border-box!important;background:#0f172aa6!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;padding:20px!important;display:flex!important;position:fixed!important;inset:0!important}.modal-content-card{z-index:1000000!important;background:#fff!important;border-radius:20px!important;width:100%!important;max-width:500px!important;max-height:90vh!important;margin:auto!important;padding:28px!important;animation:.2s cubic-bezier(.16,1,.3,1) modalScaleUp!important;position:relative!important;overflow-y:auto!important;box-shadow:0 25px 50px -12px #0006!important}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}:root{--font-family:"Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--color-bg:#f8fafc;--color-bg-elevated:#fff;--color-surface:#f1f5f9;--color-surface-hover:#e2e8f0;--color-border:#e2e8f0;--color-border-hover:#cbd5e1;--color-border-focus:#6366f1;--color-primary:#4f46e5;--color-primary-light:#6366f1;--color-primary-dark:#4338ca;--color-primary-glow:#4f46e52e;--color-accent:#0ea5e9;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-purple:#8b5cf6;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-muted:#64748b;--color-text-light:#94a3b8;--shadow-xs:0 1px 2px 0 #0000000a;--shadow-sm:0 1px 3px 0 #00000014, 0 1px 2px -1px #00000014;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -2px #0000000f;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000d;--shadow-xl:0 20px 25px -5px #00000014, 0 8px 10px -6px #0000000a;--shadow-glow:0 0 25px #6366f133;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}input[type=text],input[type=password],input[type=email],input[type=number],input[type=date],input[type=time],select,textarea{border-radius:var(--radius-sm);box-shadow:var(--shadow-xs);border:1.5px solid #cbd5e1;outline:none;padding:10px 14px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s;color:#0f172a!important;background-color:#fff!important}input::placeholder,textarea::placeholder{font-weight:400;color:#94a3b8!important}input:focus,select:focus,textarea:focus{color:#000!important;background-color:#fff!important;border-color:#4f46e5!important;box-shadow:0 0 0 3px #4f46e533!important}button{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.35s cubic-bezier(.16,1,.3,1) forwards fadeIn}.glass-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border);background:#ffffffe6}