@import url("https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600;700&family=Fira+Sans:wght@300;400;500;600;700&display=swap");:root{--font-heading:"Fira Code",monospace;--font-body:"Fira Sans",sans-serif;--background:#020204;--surface:rgba(13,13,18,0.75);--surface-border:rgba(139,92,246,0.2);--text:#f8fafc;--muted:#94a3b8;--primary:#8b5cf6;--primary-glow:rgba(139,92,246,0.25);--accent:#f97316;--secondary:#c084fc;--success:#10b981;--error:#ef4444;--warning:#f59e0b}*{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#000000}::-webkit-scrollbar-thumb{background:rgba(139,92,246,.35);border-radius:999px;-webkit-transition:all .2s ease;transition:all .2s ease}::-webkit-scrollbar-thumb:hover{background:rgba(139,92,246,.6)}body{min-height:100vh;font-family:var(--font-body),sans-serif;color:var(--text);background:radial-gradient(circle at 0 0,rgba(139,92,246,.12) 0,transparent 35%),radial-gradient(circle at 100% 0,rgba(192,132,252,.08) 0,transparent 40%),radial-gradient(circle at 50% 50%,rgba(249,115,22,.04) 0,transparent 50%),linear-gradient(180deg,#020204,#08080f);background-attachment:fixed;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none;transition:color .2s ease}button,input,textarea{background:transparent;border:none}button,input,select,textarea{font-family:inherit;color:inherit}select{min-height:42px;padding:.6rem 2.2rem .6rem .95rem;border:1px solid rgba(255,255,255,.15);border-radius:10px;background-color:rgba(15,23,42,.6);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.15rem;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}select option{background-color:#0f172a;color:#f8fafc}select:hover{border-color:var(--primary)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.admin-shell{width:min(1280px,calc(100% - 2rem));margin:0 auto;padding:1.5rem 0 4rem;display:grid;grid-gap:1.5rem;gap:1.5rem}.rollout-banner{padding:.85rem 1.25rem;border-radius:12px;border:1px dashed var(--surface-border);background:rgba(13,13,18,.45);color:var(--muted);font-size:.85rem;display:flex;align-items:center;gap:.5rem}.rollout-banner strong{color:var(--accent)}.rollout-banner a{font-weight:600;color:var(--secondary);text-decoration:underline}.rollout-banner a:hover{color:white}.admin-header{position:relative;z-index:1000;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.5rem;border-radius:16px;border:1px solid var(--surface-border);background:rgba(10,10,12,.75);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 10px 40px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.05)}.admin-brand{display:inline-flex;align-items:center;gap:.85rem}.brand-text{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem}.brand-mark{display:inline-flex;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;color:white;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 0 12px rgba(139,92,246,.35);transition:transform .3s cubic-bezier(.34,1.56,.64,1);flex-shrink:0}.admin-brand:hover .brand-mark{transform:rotate(6deg) scale(1.08)}.brand-mark svg{width:1.25rem;height:1.25rem}.brand-text strong{font-family:var(--font-heading),monospace;font-size:1rem;font-weight:700;letter-spacing:-.01em;background:linear-gradient(135deg,#ffffff 60%,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2}.brand-subtitle{color:var(--muted);font-size:.75rem;line-height:1.3}.admin-nav-wrap{gap:.75rem;flex-wrap:wrap;justify-content:flex-end}.admin-nav,.admin-nav-wrap{display:flex;align-items:center}.admin-nav{gap:.25rem}.admin-nav a,.ghost-button,.nav-link,.solid-button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap!important}.admin-nav a,.nav-link{color:var(--muted);border:1px solid transparent}.admin-nav a:hover,.nav-link:hover{color:white;background:rgba(255,255,255,.05)}.nav-link-active{border-color:var(--surface-border)!important;background:rgba(139,92,246,.08)!important;color:white!important;box-shadow:inset 0 0 10px rgba(139,92,246,.05)}.session-chip{display:inline-flex;align-items:center;gap:.5rem;min-height:38px;padding:.4rem .8rem;border-radius:10px;border:1px solid var(--surface-border);background:rgba(13,13,18,.55)}.session-chip-label{color:var(--muted);font-size:.8rem}.solid-button{color:white!important;background:linear-gradient(135deg,var(--primary),var(--secondary))!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 4px 12px rgba(139,92,246,.25)!important;font-weight:600!important}.solid-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px rgba(139,92,246,.4)!important;filter:brightness(1.08)}.solid-button:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px 8px rgba(139,92,246,.2)!important}.solid-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important}.ghost-button{border:1px solid var(--surface-border)!important;background:rgba(17,24,39,.65)!important;color:var(--text)!important;font-weight:500!important}.ghost-button:hover:not(:disabled){border-color:var(--primary)!important;background:rgba(139,92,246,.1)!important;color:white!important}.ghost-button:active:not(:disabled){transform:translateY(1px)}.ghost-button:disabled{opacity:.4;cursor:not-allowed}.ghost-button.small{padding:.35rem .75rem!important;min-height:30px!important;font-size:.8rem!important;border-radius:8px!important;color:#f8fafc!important;background:rgba(25,25,35,.85)!important;border:1px solid rgba(139,92,246,.35)!important}.ghost-button.small:hover:not(:disabled){background:var(--primary)!important;border-color:var(--primary)!important;color:white!important;box-shadow:0 0 10px var(--primary-glow)!important}.language-switcher button{background:transparent!important;color:var(--muted)!important;border:none!important;box-shadow:none!important;transition:all .2s ease}.language-switcher button.active-locale{background:var(--primary)!important;color:white!important;border:none!important;box-shadow:0 0 8px var(--primary-glow)!important}.language-switcher button:hover:not(.active-locale){background:rgba(255,255,255,.08)!important;color:white!important;border:none!important}.eyebrow{margin-bottom:.5rem;font-size:.75rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--primary);text-shadow:0 0 12px rgba(139,92,246,.2);font-family:var(--font-heading),monospace}.section-heading,.workspace-heading{margin:1.5rem 0 .5rem}.admin-card h1,.admin-panel h1,.section-heading h1,.workspace-heading h1{margin:0 0 .5rem;font-size:clamp(1.5rem,2.5vw,2rem)!important;font-weight:700;line-height:1.2;letter-spacing:-.02em;color:white;max-width:45ch!important;font-family:var(--font-heading),monospace}.admin-card p,.section-heading p,.workspace-heading p{color:var(--muted);font-size:.9rem;max-width:65ch;line-height:1.6}.admin-hero{display:grid;place-items:center;min-height:60vh}.admin-card,.admin-panel{padding:1.5rem;border-radius:16px;border:1px solid var(--surface-border);background:var(--surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 20px 40px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.03);transition:all .3s cubic-bezier(.4,0,.2,1)}.admin-card:hover,.admin-panel:hover{border-color:rgba(167,139,250,.35);box-shadow:0 25px 50px rgba(0,0,0,.75),0 0 24px rgba(139,92,246,.1),inset 0 1px 0 rgba(255,255,255,.05);transform:translateY(-2px)}.hero-actions{display:flex;gap:.75rem;margin-top:1.5rem;flex-wrap:wrap}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:1rem;gap:1rem}.admin-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:1rem;gap:1rem}.metric-card{position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--primary),var(--secondary));border-radius:4px 0 0 4px}.metric-card strong{display:block;margin-top:.5rem;font-size:2.25rem;font-weight:700;letter-spacing:-.03em;background:linear-gradient(135deg,#ffffff 60%,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.metric-card strong,.metric-label{font-family:var(--font-heading),monospace}.metric-label{color:var(--primary);text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:600}.card-status-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.status-pill{display:inline-flex;align-items:center;min-height:28px;padding:.25rem .65rem;border-radius:999px;color:var(--secondary);border:1px solid rgba(192,132,252,.25);background:rgba(192,132,252,.06);font-size:.75rem;font-weight:600}.admin-editor-form,.admin-form{display:grid;grid-gap:1rem;gap:1rem}.admin-editor-form label,.admin-form label{display:grid;grid-gap:.35rem;gap:.35rem;font-weight:500;font-family:var(--font-heading),monospace;font-size:.8rem;color:var(--muted);min-width:0;max-width:100%}.admin-editor-form input,.admin-editor-form select,.admin-editor-form textarea,.admin-form input{width:100%;max-width:100%;min-width:0;box-sizing:border-box;min-height:42px;padding:.65rem .9rem;border-radius:10px;border:1px solid rgba(139,92,246,.25);color:var(--text);background:rgba(6,6,8,.9);transition:all .2s ease;font-size:.9rem}.admin-editor-form input:focus,.admin-editor-form select:focus,.admin-form input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 10px var(--primary-glow);background:rgba(0,0,0,1)}.form-error{color:var(--error)!important}.form-error,.form-success{margin:.5rem 0;font-weight:700;font-size:.85rem}.form-success{color:var(--success)!important}.admin-filters{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.25rem;border-radius:12px;border:1px solid var(--surface-border);background:rgba(8,8,10,.75);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);flex-wrap:wrap}.search-box{flex:1 1;min-width:260px}.search-box input{width:100%;min-height:38px;padding:.5rem .85rem;border:1px solid rgba(139,92,246,.25);border-radius:10px;color:var(--text);background:rgba(5,5,7,.85);font:inherit;transition:all .2s ease}.search-box input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 8px var(--primary-glow);background:rgba(0,0,0,.95)}.filter-group{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.filter-group label{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:500;color:var(--muted);font-family:var(--font-heading),monospace}.filter-group select{min-height:36px;padding:.4rem .75rem;border:1px solid rgba(139,92,246,.25);border-radius:8px;color:var(--text);background:rgba(6,6,8,.85);font:inherit;min-width:150px;transition:all .2s ease}.filter-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 8px var(--primary-glow)}.admin-table-wrapper{overflow-x:auto;border-radius:12px;border:1px solid var(--surface-border);background:var(--surface);box-shadow:0 15px 35px rgba(0,0,0,.5)}.admin-table{width:100%;border-collapse:collapse;text-align:left}.admin-table td,.admin-table th{padding:.5rem .65rem;border-bottom:1px solid rgba(139,92,246,.1);color:var(--text);font-size:.83rem}.admin-table.compact-table td,.admin-table.compact-table th{padding:6px 8px;font-size:13px;line-height:1.3}.admin-table.compact-table th{font-size:12px;padding:7px 8px}.admin-table th{background:rgba(139,92,246,.05);font-weight:600;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-heading),monospace;border-bottom:2px solid rgba(139,92,246,.25)}.admin-table tbody tr{transition:all .15s ease}.admin-table tbody tr:hover{background:rgba(139,92,246,.07)}.employee-access-cell,.employee-name-cell{display:grid;grid-gap:.2rem;gap:.2rem}.employee-access-cell small,.employee-name-cell small{color:var(--muted);font-size:.8rem}.role-badge,.status-badge{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:6px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.role-employee,.status-badge.overview,.status-badge.standard{background:rgba(139,92,246,.1);color:#d8b4fe;border:1px solid rgba(139,92,246,.35);box-shadow:0 0 8px rgba(139,92,246,.12)}.role-supervisor,.status-badge.warning{background:rgba(249,115,22,.1);color:#fdba74;border:1px solid rgba(249,115,22,.35);box-shadow:0 0 8px rgba(249,115,22,.12)}.role-admin,.status-badge.active{background:rgba(16,185,129,.1);color:#a7f3d0;border:1px solid rgba(16,185,129,.35);box-shadow:0 0 8px rgba(16,185,129,.12)}.role-disabled,.status-badge.inactive{background:rgba(239,68,68,.1);color:#fca5a5;border:1px solid rgba(239,68,68,.35);box-shadow:0 0 8px rgba(239,68,68,.1)}.role-customer-user{background:rgba(168,85,247,.1);color:#e9d5ff;border:1px solid rgba(168,85,247,.3)}.role-login-only{background:rgba(148,163,184,.1);color:#cbd5e1;border:1px solid rgba(148,163,184,.25)}.table-actions{display:flex;gap:.5rem}.admin-table-footer{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;color:var(--muted);font-size:.85rem}.admin-detail-panel{margin-top:1.5rem;display:grid;grid-gap:1.25rem;gap:1.25rem}.admin-detail-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-gap:1.5rem;gap:1.5rem}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-panel{background:var(--card-bg,#ffffff);border:1px solid var(--border-color,rgba(0,0,0,.08));border-radius:16px;box-shadow:0 24px 64px rgba(0,0,0,.22);padding:2rem;width:100%;max-width:860px;max-height:90vh;overflow-y:auto;margin-top:0!important;animation:slideUp .18s ease}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.toggle-field{display:flex!important;align-items:center;gap:.65rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.toggle-field input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border:1px solid rgba(139,92,246,.4);border-radius:5px;background:rgba(6,6,8,.9);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.toggle-field input[type=checkbox]:checked{background:var(--primary);border-color:var(--primary);box-shadow:0 0 8px var(--primary-glow)}.toggle-field input[type=checkbox]:checked:after{content:"✓";font-size:.75rem;color:white;font-weight:700}.dropdown-menu{position:relative;display:inline-block}.dropdown-trigger{min-height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:.5rem 1rem;border:1px solid transparent;color:var(--muted);cursor:pointer;font-weight:500;transition:all .2s ease;white-space:nowrap!important}.dropdown-trigger-active,.dropdown-trigger:hover{color:white;border-color:var(--surface-border);background:rgba(255,255,255,.05)}.dropdown-content{position:absolute;top:100%;left:0;margin-top:.5rem;min-width:200px;background:rgba(6,6,8,.94);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--surface-border);border-radius:12px;box-shadow:0 15px 40px -5px rgba(0,0,0,.6),0 0 20px rgba(139,92,246,.05);padding:.4rem;z-index:100;display:flex;flex-direction:column;gap:.2rem;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.dropdown-content-show{opacity:1;transform:translateY(0);pointer-events:auto}.dropdown-item{display:flex;align-items:center;padding:.55rem .85rem;color:var(--muted);border-radius:8px;font-size:.85rem;transition:all .15s ease;white-space:nowrap}.dropdown-item:hover{color:white;background:rgba(139,92,246,.1);transform:translateX(3px)}.dropdown-item-active{color:var(--secondary);background:rgba(139,92,246,.06);font-weight:600}.empty-state-card{text-align:center;padding:3.5rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed rgba(139,92,246,.25);gap:.5rem}.empty-state-card h2{font-size:1.15rem;font-weight:600;color:white}.empty-state-card p{font-size:.85rem;color:var(--muted);max-width:42ch;margin:0 auto}@media (max-width:900px){.admin-filters,.admin-header{flex-direction:column;align-items:stretch}.admin-nav-wrap{justify-content:flex-start}.filter-group{justify-content:space-between}.admin-detail-grid{grid-template-columns:1fr}}.admin-pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--surface-border)}.pagination-info{font-size:.85rem;font-weight:500;color:var(--muted);font-family:var(--font-heading),monospace;min-width:120px;text-align:center}