:root{--brand-900:#4a0f37;--brand-800:#5c1644;--brand-700:#6a1a4f;--brand-600:#7a1f5c;--brand-500:#9c2a78;--brand-400:#c04891;--brand-300:#e48bc2;--brand-200:#f8c8e0;--brand-100:#fde0ee;--gold-500:#d4a017;--gold-400:#e2b53d;--gold-300:#f0cf6c;--rose-500:#d65c7a;--rose-300:#e8a8b8;--font-display:"Playfair Display", "Cormorant Garamond", serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-numeric:"Outfit", "Inter", sans-serif;--sidebar-width:280px;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-pill:9999px;--transition-fast:.2s cubic-bezier(.16, 1, .3, 1);--transition-base:.4s cubic-bezier(.16, 1, .3, 1);--transition-slow:.7s cubic-bezier(.16, 1, .3, 1);--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#c04891}:root,[data-theme=light]{--bg-deep:#fdfcfb;--bg-tide:#f7f3f0;--bg-elev:#fff;--surface-glass:#ffffffb8;--surface-glass-hover:#ffffffe6;--surface-glass-solid:#fffffffa;--glass-border:#4a0f3714;--glass-border-strong:#4a0f3724;--glass-border-accent:#9c2a7859;--text-primary:#2a0f23;--text-secondary:#5c3d4f;--text-muted:#8a6b7d;--text-faint:#b8a4af;--accent-primary:var(--brand-600);--accent-secondary:var(--gold-500);--accent-tertiary:var(--brand-500);--accent-gradient:linear-gradient(120deg, #5c1644 0%, #9c2a78 40%, #c04891 75%, #d4a017 110%);--accent-gradient-soft:linear-gradient(120deg, #7a1f5c14, #c048910f, #d4a0170a);--accent-glow:#9c2a7826;--gold-glow:#d4a01733;--horizon-line:linear-gradient(90deg, transparent, #9c2a7840, #d4a01740, #9c2a7840, transparent);--success-bg:#10b98114;--warning-bg:#f59e0b14;--danger-bg:#ef44440f;--info-bg:#9c2a780f;--shadow-glass:0 8px 32px 0 #4a0f370f;--shadow-deep:0 24px 60px -12px #4a0f371f;--shadow-glow:0 0 24px #9c2a781f;--shadow-inner:inset 0 1px 1px #fffc;--backdrop-radial-1:#9c2a780f;--backdrop-radial-2:#d4a0170d;--backdrop-radial-3:#c048910a;--backdrop-base:linear-gradient(180deg, #fdfcfb 0%, #f7f3f0 100%);--route-stroke:#9c2a7833;--route-stroke-soft:#9c2a781a;--logo-text-stroke:none}[data-theme=dark]{--gray-950:#0b0d11;--gray-900:#111419;--gray-850:#171a21;--gray-800:#1d2129;--gray-700:#282d38;--gray-600:#383e4a;--gray-500:#585e70;--gray-400:#898fa0;--gray-300:#b6bac7;--gray-200:#d6d9e2;--gray-100:#e9ebf1;--bg-deep:var(--gray-900);--bg-tide:var(--gray-850);--bg-elev:var(--gray-800);--surface-glass:#1f232ba6;--surface-glass-hover:#2a2f38d1;--surface-glass-solid:#15171cf5;--glass-border:#b4bccd1a;--glass-border-strong:#b4bccd2e;--glass-border-accent:#c0489173;--text-primary:#ebedf1;--text-secondary:#b8bcc7;--text-muted:#8b91a0;--text-faint:#5a6070;--accent-primary:var(--brand-400);--accent-secondary:var(--gold-400);--accent-tertiary:var(--brand-300);--accent-gradient:linear-gradient(120deg, #7a1f5c 0%, #9c2a78 35%, #c04891 70%, #e2b53d 110%);--accent-gradient-soft:linear-gradient(120deg, #c048912e, #e48bc21f, #d4a01714);--accent-glow:#c0489159;--gold-glow:#e2b53d47;--horizon-line:linear-gradient(90deg, transparent, #e48bc259, #f0cf6c59, #e48bc259, transparent);--success-bg:#10b9811a;--warning-bg:#f59e0b1a;--danger-bg:#ef44441a;--info-bg:#c048911a;--shadow-glass:0 8px 32px 0 #00000073;--shadow-deep:0 24px 60px -12px #0000008c;--shadow-glow:0 0 28px #c0489138;--shadow-inner:inset 0 1px 1px #ffffff0f;--backdrop-radial-1:#7a1f5c2e;--backdrop-radial-2:#c048911a;--backdrop-radial-3:#e2b53d12;--backdrop-base:linear-gradient(180deg, #15171c 0%, #181b22 50%, #1c1f27 100%);--route-stroke:#e48bc24d;--route-stroke-soft:#e48bc229;--logo-text-stroke:none}*,: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-body);background-color:var(--bg-deep);color:var(--text-primary);min-height:100vh;transition:background-color var(--transition-base), color var(--transition-base);line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(ellipse 60% 50% at 12% 18%, var(--backdrop-radial-1), transparent 60%), radial-gradient(ellipse 70% 55% at 88% 22%, var(--backdrop-radial-2), transparent 60%), radial-gradient(ellipse 80% 60% at 50% 110%, var(--backdrop-radial-3), transparent 65%), var(--backdrop-base);transition:background var(--transition-base);animation:28s ease-in-out infinite alternate auroraDrift;position:fixed;inset:0}body:after{content:"";z-index:-1;pointer-events:none;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");position:fixed;inset:0}@keyframes auroraDrift{0%{transform:translate(0,0)scale(1)}50%{transform:translate(-1.5%,-1%)scale(1.04)}to{transform:translate(1.5%,1%)scale(1.03)}}@media (prefers-reduced-motion:reduce){body:before{animation:none}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.015em;color:var(--text-primary);font-weight:600}h1{font-weight:700}a{color:var(--accent-primary);transition:all var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-tertiary)}img{max-width:100%;display:block}.admin-layout{min-height:100vh;display:flex}.admin-main{margin-left:var(--sidebar-width);z-index:1;min-height:100vh;transition:padding var(--transition-base), margin var(--transition-base);flex:1;padding:48px;position:relative}.admin-main:before,.admin-main:after{content:"";pointer-events:none;z-index:0;background-repeat:no-repeat;background-size:100% 100%;position:absolute}.admin-main:before{opacity:.9;background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1400 320' fill='none'%3E%3Cpath d='M-40 280 Q 350 60 720 180 T 1440 80' stroke='%23c04891' stroke-width='1.2' stroke-dasharray='3 7' fill='none' opacity='0.55'/%3E%3Cpath d='M-40 240 Q 380 -10 760 140 T 1440 120' stroke='%23d4a017' stroke-width='1' stroke-dasharray='2 6' fill='none' opacity='0.35'/%3E%3Ccircle cx='420' cy='130' r='3' fill='%23c04891' opacity='0.75'/%3E%3Ccircle cx='980' cy='150' r='2.5' fill='%23d4a017' opacity='0.6'/%3E%3Cg transform='translate(220 220) rotate(-32)' opacity='0.7'%3E%3Cpath d='M-12 -4 L16 0 L-12 4 L-4 0 Z' fill='%23c04891'/%3E%3Cpath d='M-4 0 L-9 -2' stroke='%23c04891' stroke-width='0.6'/%3E%3C/g%3E%3Cg transform='translate(700 152) rotate(-10)' opacity='0.85'%3E%3Cpath d='M-18 -6 L22 0 L-18 6 L-6 0 Z' fill='%23c04891'/%3E%3Cpath d='M-6 0 L-12 -3' stroke='%23c04891' stroke-width='0.7'/%3E%3C/g%3E%3Cg transform='translate(1220 110) rotate(-22)' opacity='0.75'%3E%3Cpath d='M-14 -5 L18 0 L-14 5 L-5 0 Z' fill='%23d4a017'/%3E%3Cpath d='M-5 0 L-10 -2' stroke='%23d4a017' stroke-width='0.6'/%3E%3C/g%3E%3C/svg%3E");height:320px;top:0;left:0;right:0}.admin-main:after{opacity:.85;background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1400 240' fill='none'%3E%3Cpath d='M1440 200 Q 1000 40 600 140 T -40 80' stroke='%23c04891' stroke-width='1' stroke-dasharray='2 8' fill='none' opacity='0.45'/%3E%3Cpath d='M1440 160 Q 1100 0 700 110 T -40 130' stroke='%23d4a017' stroke-width='0.8' stroke-dasharray='2 6' fill='none' opacity='0.30'/%3E%3Ccircle cx='320' cy='105' r='2.5' fill='%23d4a017' opacity='0.65'/%3E%3Ccircle cx='1080' cy='95' r='2.5' fill='%23c04891' opacity='0.65'/%3E%3Cg transform='translate(900 78) rotate(168)' opacity='0.8'%3E%3Cpath d='M-16 -5 L20 0 L-16 5 L-6 0 Z' fill='%23c04891'/%3E%3Cpath d='M-6 0 L-11 -3' stroke='%23c04891' stroke-width='0.7'/%3E%3C/g%3E%3Cg transform='translate(180 122) rotate(155)' opacity='0.7'%3E%3Cpath d='M-12 -4 L14 0 L-12 4 L-4 0 Z' fill='%23d4a017'/%3E%3C/g%3E%3C/svg%3E");height:240px;bottom:0;left:0;right:0}.admin-main>*{z-index:1;position:relative}@media (max-width:768px){.admin-main:before{height:200px}.admin-main:after{height:160px}}.mobile-toggle{display:none}.sidebar{width:var(--sidebar-width);background:var(--surface-glass-solid);-webkit-backdrop-filter:blur(24px)saturate(140%);border-right:1px solid var(--glass-border);z-index:100;box-shadow:var(--shadow-glass);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.sidebar:after{content:"";background:linear-gradient(180deg, transparent 0%, var(--accent-glow) 30%, var(--gold-glow) 60%, var(--accent-glow) 80%, transparent 100%);opacity:.6;width:1px;position:absolute;top:0;bottom:0;right:0}.sidebar:before{content:"";pointer-events:none;z-index:0;opacity:.85;background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280 900' preserveAspectRatio='none' fill='none'%3E%3Cpath d='M60 -20 Q 220 180 80 380 Q -60 580 220 780 Q 240 860 180 920' stroke='%23c04891' stroke-width='1.2' stroke-dasharray='3 7' fill='none' opacity='0.45'/%3E%3Cpath d='M90 -20 Q 240 200 110 410 Q -30 610 240 820' stroke='%23d4a017' stroke-width='1' stroke-dasharray='2 6' fill='none' opacity='0.30'/%3E%3Ccircle cx='160' cy='180' r='2.5' fill='%23c04891' opacity='0.75'/%3E%3Ccircle cx='40' cy='480' r='2' fill='%23d4a017' opacity='0.65'/%3E%3Ccircle cx='200' cy='720' r='2.5' fill='%23c04891' opacity='0.7'/%3E%3Cg transform='translate(105 290) rotate(50)' opacity='0.95'%3E%3Cpath d='M-14 -5 L16 0 L-14 5 L-5 0 Z' fill='%23d4a017'/%3E%3Cpath d='M-5 0 L-10 -2.5' stroke='%23d4a017' stroke-width='0.7'/%3E%3C/g%3E%3Cg transform='translate(170 600) rotate(-22)' opacity='0.85'%3E%3Cpath d='M-12 -4 L14 0 L-12 4 L-4 0 Z' fill='%23c04891'/%3E%3Cpath d='M-4 0 L-8 -2' stroke='%23c04891' stroke-width='0.6'/%3E%3C/g%3E%3Cg transform='translate(70 80) rotate(20)' opacity='0.6'%3E%3Cpath d='M-9 -3 L11 0 L-9 3 L-3 0 Z' fill='%23c04891'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100% 100%;position:absolute;inset:0}.sidebar-header,.sidebar-nav,.sidebar-footer{z-index:1;position:relative}.sidebar-header{justify-content:center;align-items:center;min-height:110px;padding:28px 24px 24px;display:flex;position:relative}.sidebar-header:after{content:"";background:var(--horizon-line);height:1px;position:absolute;bottom:0;left:24px;right:24px}.sidebar-logo{justify-content:center;align-items:center;width:100%;display:flex}.sidebar-logo-img{max-width:200px;height:auto;transition:transform var(--transition-base);display:block}.sidebar-logo-img:hover{transform:scale(1.02)}.sidebar-logo-fallback{width:200px;max-width:100%;height:auto}.sidebar-nav{flex:1;padding:24px 16px}.sidebar-section{margin-bottom:24px}.sidebar-section-title{font-family:var(--font-numeric);color:var(--text-faint);text-transform:uppercase;letter-spacing:2.5px;align-items:center;gap:10px;margin-bottom:14px;padding:0 16px;font-size:11px;font-weight:600;display:flex}.sidebar-section-title:after{content:"";background:linear-gradient(90deg, var(--glass-border), transparent);flex:1;height:1px}.sidebar-link{border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:14px;width:100%;margin-bottom:4px;padding:12px 16px;font-family:inherit;font-size:14.5px;font-weight:500;display:flex;position:relative;overflow:hidden}.sidebar-link:before{content:"";background:linear-gradient(180deg, var(--brand-500), var(--gold-400));width:3px;height:0;transition:height var(--transition-base);border-radius:0 3px 3px 0;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar-link:hover{background:var(--accent-gradient-soft);color:var(--text-primary);border-color:var(--glass-border)}.sidebar-link.active{background:var(--accent-gradient-soft);color:var(--text-primary);border-color:var(--glass-border-accent);box-shadow:inset 0 0 24px var(--accent-glow)}.sidebar-link.active:before{height:60%}.sidebar-link-icon{color:currentColor;width:20px;height:20px;transition:transform var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.sidebar-link-icon svg{width:100%;height:100%}.sidebar-link:hover .sidebar-link-icon{transform:translate(2px)scale(1.05)}.sidebar-link:hover .sidebar-link-icon,.sidebar-link.active .sidebar-link-icon{color:var(--accent-primary)}.sidebar-footer{border-top:1px solid var(--glass-border);flex-direction:column;gap:8px;padding:16px 20px;display:flex}.sidebar-footer-btn{border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;width:100%;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;align-items:center;gap:12px;padding:12px 16px;font-family:inherit;font-size:14.5px;font-weight:500;display:flex}.sidebar-footer-btn svg{flex-shrink:0;width:18px;height:18px}.sidebar-footer-btn:hover{background:var(--danger-bg);color:#d63838;border-color:#ef444440}.theme-toggle{border-radius:var(--radius-md);background:var(--accent-gradient-soft);border:1px solid var(--glass-border);justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.theme-toggle-label{font-family:var(--font-numeric);color:var(--text-muted);letter-spacing:1.5px;text-transform:uppercase;font-size:11px;font-weight:600}.theme-toggle-track{background:var(--bg-tide);border:1px solid var(--glass-border);cursor:pointer;width:56px;height:28px;transition:all var(--transition-base);border-radius:999px;flex-shrink:0;position:relative}.theme-toggle-thumb{background:var(--accent-gradient);width:22px;height:22px;box-shadow:0 4px 10px var(--accent-glow), inset 0 1px 1px #ffffff40;transition:left var(--transition-base), background var(--transition-base);color:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:2px;left:2px}.theme-toggle-thumb svg{width:12px;height:12px}[data-theme=light] .theme-toggle-thumb{left:30px}.page-header{margin-bottom:40px;padding-bottom:24px;animation:.6s cubic-bezier(.16,1,.3,1) slideDownFade;position:relative}.page-header:before{content:"";opacity:.85;pointer-events:none;background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 110' fill='none'%3E%3Cpath d='M0 90 Q 180 -10 360 60' stroke='%23c04891' stroke-width='1.2' stroke-dasharray='3 6' fill='none' opacity='0.55'/%3E%3Ccircle cx='10' cy='86' r='3' fill='%23c04891' opacity='0.8'/%3E%3Ccircle cx='350' cy='62' r='3' fill='%23d4a017' opacity='0.8'/%3E%3Cg transform='translate(190 26) rotate(-4)' opacity='0.95'%3E%3Cpath d='M-15 -5 L18 0 L-15 5 L-5 0 Z' fill='%23d4a017'/%3E%3Cpath d='M-5 0 L-10 -3' stroke='%23d4a017' stroke-width='0.7'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100% 100%;width:360px;height:110px;position:absolute;top:-20px;right:-20px}.page-header:after{content:"";background:var(--accent-gradient);width:96px;height:2px;box-shadow:0 0 16px var(--accent-glow);border-radius:2px;position:absolute;bottom:0;left:0}@media (max-width:768px){.page-header:before{display:none}}.page-header h1{font-family:var(--font-display);background:linear-gradient(120deg, var(--text-primary) 0%, var(--brand-500) 60%, var(--gold-400) 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:44px;font-weight:700;line-height:1.1}.page-header p{color:var(--text-secondary);max-width:60ch;font-size:16px}.page-header-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.card{background:var(--surface-glass);-webkit-backdrop-filter:blur(18px)saturate(140%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass);transition:all var(--transition-base);padding:32px;position:relative;overflow:hidden}.card:before{content:"";background:var(--horizon-line);height:1px;position:absolute;top:0;left:24px;right:24px}.card:after{content:"";opacity:.7;pointer-events:none;width:160px;height:44px;transition:opacity var(--transition-base);background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 44' fill='none'%3E%3Cpath d='M0 36 Q 80 -8 160 22' stroke='%23c04891' stroke-width='1' stroke-dasharray='2 5' fill='none' opacity='0.50'/%3E%3Ccircle cx='4' cy='34' r='2' fill='%23d4a017' opacity='0.7'/%3E%3Ccircle cx='156' cy='24' r='2' fill='%23c04891' opacity='0.7'/%3E%3Cg transform='translate(82 9) rotate(-3)' opacity='0.85'%3E%3Cpath d='M-10 -3 L12 0 L-10 3 L-3 0 Z' fill='%23c04891'/%3E%3Cpath d='M-3 0 L-7 -2' stroke='%23c04891' stroke-width='0.5'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100% 100%;position:absolute;top:12px;right:16px}.card:hover{background:var(--surface-glass-hover);border-color:var(--glass-border-strong);box-shadow:var(--shadow-deep);transform:translateY(-2px)}.card:hover:after{opacity:.85}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:40px;display:grid}.stat-card{background:var(--surface-glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:all var(--transition-base);align-items:flex-start;gap:18px;padding:24px;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";background-image:linear-gradient(180deg, var(--text-faint) 50%, transparent 50%);opacity:.4;background-size:1px 8px;width:1px;position:absolute;top:16px;bottom:16px;left:88px}.stat-card:after{content:"";background:linear-gradient(115deg, transparent 30%, var(--gold-glow) 50%, transparent 70%);width:60%;height:200%;transition:left var(--transition-slow);pointer-events:none;opacity:.4;position:absolute;top:-50%;left:-120%;transform:rotate(8deg)}.stat-card:hover{border-color:var(--glass-border-strong);box-shadow:var(--shadow-deep);transform:translateY(-4px)}.stat-card:hover:after{left:130%}.stat-icon{width:56px;height:56px;box-shadow:var(--shadow-inner), 0 6px 16px #0000001a;z-index:1;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;font-size:24px;display:flex;position:relative}.stat-icon.purple{color:var(--brand-500);background:linear-gradient(135deg,#c0489133,#7a1f5c26);border:1px solid #c048914d}.stat-icon.green{color:#059669;background:linear-gradient(135deg,#10b98129,#04785724);border:1px solid #10b9814d}.stat-icon.yellow{color:var(--gold-500);background:linear-gradient(135deg,#d4a01733,#b4821429);border:1px solid #d4a01759}.stat-icon.blue{color:var(--rose-500);background:linear-gradient(135deg,#d65c7a2e,#9f325024);border:1px solid #d65c7a52}[data-theme=dark] .stat-icon.green{color:#34d399}[data-theme=dark] .stat-icon.yellow{color:var(--gold-300)}[data-theme=dark] .stat-icon.blue{color:var(--rose-300)}[data-theme=dark] .stat-icon.purple{color:var(--brand-300)}.stat-info{z-index:1;position:relative}.stat-info h3{font-family:var(--font-numeric);color:var(--text-primary);letter-spacing:-.02em;font-feature-settings:"tnum" 1;margin-bottom:6px;font-size:36px;font-weight:700;line-height:1.1}.stat-info p{color:var(--text-muted);text-transform:uppercase;letter-spacing:1.6px;font-size:12px;font-weight:600;font-family:var(--font-numeric)}.table-container{background:var(--surface-glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass);-webkit-overflow-scrolling:touch;position:relative;overflow-x:auto}.table-container:before{content:"";background:var(--horizon-line);height:1px;position:absolute;top:0;left:0;right:0}.table-toolbar{border-bottom:1px solid var(--glass-border);background:var(--accent-gradient-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:22px 28px;display:flex}.table-search{background:var(--bg-elev);border:1px solid var(--glass-border);border-radius:var(--radius-pill);min-width:320px;transition:all var(--transition-fast);align-items:center;gap:12px;padding:10px 20px;display:flex}.table-search:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.table-search input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:14.5px}.table-search input::placeholder{color:var(--text-muted)}table{border-collapse:collapse;width:100%;min-width:800px}@media (max-width:768px){table{min-width:unset}}thead th{text-align:left;font-family:var(--font-numeric);color:var(--text-muted);text-transform:uppercase;letter-spacing:1.8px;border-bottom:1px solid var(--glass-border);background:var(--accent-gradient-soft);padding:14px 28px;font-size:11px;font-weight:600}tbody td{color:var(--text-primary);border-bottom:1px solid var(--glass-border);vertical-align:middle;padding:18px 28px;font-size:14.5px}tbody tr{transition:background var(--transition-fast)}tbody tr:hover{background:var(--accent-gradient-soft)}tbody tr:last-child td{border-bottom:none}.employee-cell{align-items:center;gap:16px;display:flex}.employee-avatar{background:var(--accent-gradient);width:44px;height:44px;font-family:var(--font-numeric);color:#fff;box-shadow:0 4px 14px var(--accent-glow);transition:width var(--transition-fast), height var(--transition-fast);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex;position:relative;overflow:hidden}@media (max-width:768px){.employee-avatar{width:38px;height:38px;font-size:13px}}.employee-avatar:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #fff3;position:absolute;inset:0}.employee-avatar img{object-fit:cover;width:100%;height:100%}.employee-name{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.01em;margin-bottom:2px;font-size:16px;font-weight:600}.employee-email{color:var(--text-muted);font-size:13px}.badge{border-radius:var(--radius-pill);font-family:var(--font-numeric);letter-spacing:1px;text-transform:uppercase;border:1px solid;align-items:center;padding:5px 12px;font-size:11px;font-weight:700;display:inline-flex}.badge-active{color:#059669;background:#10b9811a;border-color:#10b98159}.badge-inactive{color:#dc2626;background:#ef44441a;border-color:#ef44444d}[data-theme=dark] .badge-active{color:#34d399}[data-theme=dark] .badge-inactive{color:#fca5a5}.btn{border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;letter-spacing:.2px;border:1px solid #0000;justify-content:center;align-items:center;gap:10px;padding:12px 26px;font-family:inherit;font-size:14.5px;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 6px 18px var(--accent-glow), inset 0 1px 0 #ffffff2e;text-shadow:0 1px 2px #0003;background-position:0%;background-size:220% 100%}.btn-primary:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.btn-primary:hover:not(:disabled){box-shadow:0 10px 28px var(--gold-glow), inset 0 1px 0 #ffffff38;background-position:100%;transform:translateY(-2px)}.btn-primary:hover:before{left:100%}.btn-secondary{background:var(--bg-elev);color:var(--text-primary);border-color:var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover:not(:disabled){background:var(--accent-gradient-soft);border-color:var(--glass-border-strong);color:var(--accent-primary);transform:translateY(-1px)}.btn-danger{background:var(--danger-bg);color:#dc2626;border-color:#ef44444d}[data-theme=dark] .btn-danger{color:#fca5a5}.btn-danger:hover:not(:disabled){background:#ef44442e;transform:translateY(-1px);box-shadow:0 6px 18px #ef444433}.btn-ghost{color:var(--text-muted);border-radius:var(--radius-md);background:0 0;padding:8px 12px}.btn-ghost:hover{background:var(--accent-gradient-soft);color:var(--text-primary)}.btn-sm{padding:8px 16px;font-size:13px}.btn-icon{border-radius:12px;width:38px;height:38px;padding:8px}.action-buttons{gap:6px;display:flex}.form-container{max-width:820px}.form-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.form-group.full-width{grid-column:1/-1}.form-label{font-family:var(--font-numeric);color:var(--text-secondary);letter-spacing:1.4px;text-transform:uppercase;font-size:12px;font-weight:600}.form-input,.form-select,.form-textarea{background:var(--bg-elev);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition-fast);outline:none;width:100%;padding:14px 18px;font-family:inherit;font-size:15px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 4px var(--accent-glow)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-faint)}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:40px}.form-select option{background:var(--bg-elev);color:var(--text-primary)}.form-textarea{resize:vertical;min-height:120px}.form-actions{border-top:1px solid var(--glass-border);gap:16px;margin-top:32px;padding-top:24px;display:flex}.file-upload{border:2px dashed var(--glass-border-strong);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:all var(--transition-base);background:var(--bg-elev);padding:40px;position:relative;overflow:hidden}.file-upload:hover{border-color:var(--accent-primary);background:var(--accent-gradient-soft)}.file-upload.has-file{border-style:solid;border-color:var(--gold-400);background:#d4a0170f}.file-upload-icon{filter:drop-shadow(0 4px 6px #00000026);margin-bottom:12px;font-size:36px}.file-upload-text{color:var(--text-primary);font-size:15px;font-weight:500}.file-upload-hint{font-family:var(--font-numeric);color:var(--text-faint);letter-spacing:1.2px;text-transform:uppercase;margin-top:8px;font-size:11px}.file-preview{border-radius:var(--radius-md);border:2px solid var(--glass-border-strong);width:96px;height:96px;box-shadow:var(--shadow-glass);margin:0 auto 16px;overflow:hidden}.file-preview img{object-fit:cover;width:100%;height:100%}.modal-overlay{-webkit-backdrop-filter:blur(10px);z-index:1000;background:#1a0f18c7;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}[data-theme=light] .modal-overlay{background:#4a0f374d}.modal{background:var(--surface-glass-solid);border:1px solid var(--glass-border-strong);border-radius:var(--radius-lg);width:90%;max-width:480px;box-shadow:var(--shadow-deep), inset 0 1px 1px #ffffff1a;padding:40px;animation:.4s cubic-bezier(.16,1,.3,1) modalSlideUp;position:relative;overflow:hidden}.modal:before{content:"";background:var(--horizon-line);height:1px;position:absolute;top:0;left:0;right:0}.modal-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-primary);margin-bottom:12px;font-size:26px;font-weight:700}.modal-text{color:var(--text-secondary);margin-bottom:28px;font-size:15px;line-height:1.65}.modal-actions{justify-content:flex-end;gap:14px;display:flex}.qr-container{border-radius:var(--radius-md);box-shadow:0 12px 30px #00000026, 0 0 0 1px var(--glass-border-strong);background:#fff;padding:20px;display:inline-block;position:relative}.qr-container img{width:220px;height:220px}.toast{border-radius:var(--radius-pill);z-index:2000;box-shadow:var(--shadow-deep);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;align-items:center;gap:12px;padding:14px 22px;font-size:14.5px;font-weight:600;animation:.4s cubic-bezier(.16,1,.3,1) slideInUp;display:flex;position:fixed;bottom:32px;right:32px}.toast-success{color:#fff;background:linear-gradient(135deg,#10b981,#047857);border:1px solid #ffffff2e}.toast-error{color:#fff;background:linear-gradient(135deg,#ef4444,#b91c1c);border:1px solid #ffffff2e}.alert{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;gap:12px;margin-bottom:24px;padding:16px 20px;font-size:14.5px;display:flex}.alert-error{background:var(--danger-bg);color:#dc2626;border:1px solid #ef44444d}[data-theme=dark] .alert-error{color:#fca5a5}.login-page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";background:radial-gradient(circle at 45% 55%, var(--gold-glow) 0%, transparent 35%), radial-gradient(circle at 50% 50%, var(--accent-glow) 0%, transparent 50%), radial-gradient(circle at 55% 45%, var(--backdrop-radial-1) 0%, transparent 60%);pointer-events:none;filter:blur(20px);border-radius:50%;width:90vw;max-width:900px;height:90vw;max-height:900px;animation:14s ease-in-out infinite alternate sunsetPulse;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.login-page:after{content:"";pointer-events:none;opacity:.6;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 220' fill='none'%3E%3Cpath d='M0 200 Q 600 -50 1200 200' stroke='%23c04891' stroke-width='1.2' stroke-dasharray='4 8' opacity='0.45'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100% 100%;height:220px;position:absolute;top:14%;left:-10%;right:-10%}@keyframes sunsetPulse{0%{opacity:.85;transform:translate(-50%,-50%)scale(1)}to{opacity:1;transform:translate(-50%,-50%)scale(1.06)}}.login-card{background:var(--surface-glass-solid);-webkit-backdrop-filter:blur(28px)saturate(160%);backdrop-filter:blur(28px)saturate(160%);border:1px solid var(--glass-border-strong);border-radius:var(--radius-xl);width:100%;max-width:460px;box-shadow:var(--shadow-deep);z-index:1;padding:56px 48px;position:relative;overflow:hidden}.login-card:before{content:"";background:var(--accent-gradient);height:2px;position:absolute;top:0;left:0;right:0}.login-header{text-align:center;margin-bottom:32px}.login-header h1{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);margin-bottom:6px;font-size:28px;font-weight:700}.login-header p{color:var(--text-muted);font-size:13.5px;font-family:var(--font-numeric);letter-spacing:.5px}.login-brand{flex-direction:column;align-items:center;gap:14px;margin:0 auto 22px;display:flex}.login-brand-img{max-width:220px;height:auto;filter:drop-shadow(0 10px 24px var(--accent-glow))}.login-brand-divider{background:var(--accent-gradient);width:64px;height:2px;box-shadow:0 0 12px var(--accent-glow);border-radius:2px;margin:4px 0}.login-icon{background:var(--accent-gradient);width:68px;height:68px;box-shadow:0 14px 32px var(--accent-glow), inset 0 1px 1px #ffffff2e;color:#fff;background-size:220% 220%;border-radius:22px;justify-content:center;align-items:center;margin:0 auto 22px;font-size:30px;animation:8s ease-in-out infinite gradientShift;display:flex}.login-icon svg{color:#fff;width:30px;height:30px}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.public-page{flex-direction:column;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative}.public-card{background:var(--surface-glass-solid);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);width:100%;max-width:460px;box-shadow:var(--shadow-deep);margin-top:40px;animation:.8s cubic-bezier(.16,1,.3,1) slideUpFade;position:relative;overflow:hidden}.public-card:before{content:"";background:var(--accent-gradient);height:2px;position:absolute;top:0;left:0;right:0}.public-company-header{background:var(--accent-gradient-soft);text-align:center;border-bottom:1px solid var(--glass-border);padding:36px 24px;position:relative;overflow:hidden}.public-company-logo{background:var(--bg-elev);border:1px solid var(--glass-border);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;display:flex;overflow:hidden;box-shadow:0 10px 24px #0003}.public-employee-section{text-align:center;padding:40px 32px 28px;position:relative}.public-avatar{background:var(--accent-gradient);width:124px;height:124px;font-size:44px;font-weight:800;font-family:var(--font-display);color:#fff;border:4px solid var(--surface-glass-solid);box-shadow:0 14px 36px var(--accent-glow);z-index:2;background-size:220% 220%;border-radius:50%;justify-content:center;align-items:center;margin:-82px auto 22px;animation:12s ease-in-out infinite gradientShift;display:flex;position:relative;overflow:hidden}.public-name{font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:6px;font-size:28px;font-weight:700}.public-position{color:var(--gold-400);font-family:var(--font-numeric);text-transform:uppercase;letter-spacing:2px;margin-bottom:4px;font-size:13px;font-weight:600}.empty-state{text-align:center;color:var(--text-muted);padding:60px 24px}.empty-state-icon{filter:drop-shadow(0 4px 8px #00000026);opacity:.7;margin-bottom:16px;font-size:48px}.empty-state h3{font-family:var(--font-display);color:var(--text-primary);margin-bottom:8px;font-size:22px}.empty-state p{margin-bottom:24px}.loading-page{min-height:60vh;color:var(--text-muted);font-family:var(--font-numeric);letter-spacing:1.2px;text-transform:uppercase;flex-direction:column;justify-content:center;align-items:center;gap:18px;font-size:12px;display:flex}.spinner{border:2px solid var(--glass-border);border-top-color:var(--brand-500);border-right-color:var(--gold-400);border-radius:50%;width:28px;height:28px;animation:1s cubic-bezier(.55,.15,.45,.85) infinite spin;position:relative}.spinner:after{content:"";border:1.5px solid #0000;border-bottom-color:var(--brand-300);border-radius:50%;animation:1.4s linear infinite reverse spin;position:absolute;inset:4px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--accent-glow), var(--gold-glow));background-clip:padding-box;border:2px solid #0000;border-radius:999px}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:4px}.btn:focus-visible,.form-input:focus-visible,.form-select:focus-visible,.form-textarea:focus-visible,.sidebar-link:focus-visible{outline-offset:3px}@media (max-width:1300px){.settings-grid,.employee-edit-grid{grid-template-columns:1fr!important}}@media (max-width:1024px){.admin-main{padding:24px}.page-header h1{font-size:32px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}}@media (max-width:768px){.sidebar{transition:transform var(--transition-base);width:var(--sidebar-width);max-width:85vw;transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}.admin-main{width:100%;margin-left:0;padding:88px 20px 20px;overflow-x:hidden}.mobile-toggle{z-index:1000;border-radius:var(--radius-md);background:var(--surface-glass-solid);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border-strong);width:48px;height:48px;color:var(--accent-primary);box-shadow:var(--shadow-deep);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;position:fixed;top:20px;left:20px;display:flex!important}.mobile-toggle:active{transform:scale(.95)}.sidebar-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:90;opacity:0;pointer-events:none;transition:opacity var(--transition-base);background:#1a0f1873;position:fixed;inset:0}.sidebar-overlay.active{opacity:1;pointer-events:auto}.form-grid{grid-template-columns:1fr;gap:16px}.form-actions{flex-direction:column}.form-actions .btn{width:100%}.table-toolbar{flex-direction:column;align-items:stretch;padding:16px}.table-search{min-width:unset;width:100%}.page-header h1{font-size:28px}.page-header-actions{flex-direction:column;align-items:stretch}.page-header-actions .btn{width:100%}.toast{border-radius:var(--radius-md);bottom:16px;left:16px;right:16px}.login-card{border-radius:var(--radius-lg);padding:40px 24px}thead{display:none}tbody td{border-bottom:none;width:100%;padding:12px 20px;display:block;text-align:left!important}tbody td:last-child{border-bottom:1px solid var(--glass-border);padding-bottom:24px}tbody td:before{content:attr(data-label);text-transform:uppercase;color:var(--text-muted);letter-spacing:1px;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.action-buttons{justify-content:flex-start!important}.modal{width:calc(100% - 32px);padding:24px}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%}.public-avatar{width:120px!important;height:120px!important;margin-top:-60px!important;font-size:36px!important}.public-logo-card{width:100px!important;height:60px!important;transform:translateY(70px)!important}.public-hero{margin-bottom:100px!important}.public-name{font-size:32px!important}}@media (max-width:480px){.page-header h1{font-size:24px}.card{padding:20px}.employee-cell{flex-direction:column;align-items:flex-start;gap:8px}.public-avatar{width:100px!important;height:100px!important;margin-top:-50px!important;font-size:32px!important}.public-logo-card{width:90px!important;height:54px!important;transform:translateY(60px)!important}.public-hero{margin-bottom:80px!important}.public-name{font-size:28px!important}.home-card{text-align:center;grid-template-columns:1fr!important;gap:32px!important;margin:20px 0!important;padding:32px 20px!important}.home-visual-column{border-top:1px solid var(--glass-border);border-left:none!important;padding-top:32px!important;padding-left:0!important}.home-title{font-size:36px!important}.home-stats-badge{margin-top:12px;position:relative!important;bottom:0!important}.home-footer{padding-bottom:20px;margin:30px 0!important;position:relative!important;bottom:auto!important;left:auto!important;transform:none!important}.home-footer img{height:26px!important}.login-logo{height:32px!important}.login-brand div{padding:10px 24px!important}}@media (max-width:992px){.home-card{grid-template-columns:1fr!important;gap:50px!important;padding:50px 40px!important}.home-visual-column{border-top:1px solid var(--glass-border);border-left:none!important;padding-top:40px!important;padding-left:0!important}.home-footer{padding-bottom:30px;margin-top:40px!important;position:relative!important;bottom:auto!important;left:auto!important;transform:none!important}}