:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#e5e7eb;background:#0b0d12}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#0b0d12}body.theme-graphite-soft{background:radial-gradient(circle at top,#6b7f99,#2f4f8f 44%,#1b263f)}.container{max-width:980px;margin:0 auto;padding:1rem}.brand-badge{display:inline-block;margin:0 0 .5rem;padding:.22rem .7rem;border-radius:999px;background:linear-gradient(90deg,#0ea5e9,#22d3ee,#a78bfa);color:#020617;font-size:.75rem;font-weight:700;letter-spacing:.4px;text-transform:uppercase}header h1{margin:0}header p{margin:.15rem 0;color:#a5b4d4;font-size:.9rem}.hero-subtitle{margin-top:.35rem;color:#f1f5f9;font-weight:600;text-shadow:0 1px 10px rgba(2,6,23,.45)}.tabs{display:flex;gap:.5rem;margin:1rem 0}.tabs button{flex:1}.tabs .active{border:1px solid #818cf8}.card{background:linear-gradient(180deg,#0b1020,#111827);border-radius:12px;padding:1rem;border:1px solid #2b354f;box-shadow:0 16px 36px #02061780}form{display:grid;gap:.6rem;margin-bottom:.8rem}input,select,button{width:100%;border:1px solid #334155;border-radius:10px;padding:.75rem;background:#0f172a;color:#e2e8f0;font-size:.95rem}button{background:linear-gradient(135deg,#4f46e5,#7c3aed,#06b6d4);border:none;font-weight:600}button:hover{filter:brightness(1.08)}.message{margin:.6rem 0;padding:.7rem;border-radius:10px;background:linear-gradient(180deg,#1f2937,#111827);border:1px solid #334155}.row{display:flex;justify-content:space-between;align-items:center;gap:1rem}.header-logout-btn{width:auto;min-width:88px;padding:.45rem .7rem;font-size:.86rem}ul{padding-left:1rem}li{margin-bottom:.25rem}.grid-actions{display:grid;gap:.6rem;grid-template-columns:repeat(2,minmax(0,1fr))}.management-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin:.8rem 0 1rem}.management-shortcuts button{padding:.55rem;font-size:.85rem}.management-collapsible{margin:.9rem 0;border:1px solid #334155;border-radius:10px;padding:.55rem .7rem;background:#0f172a59}.management-collapsible summary{cursor:pointer;font-weight:700;color:#e2e8f0}.management-collapsible[open] summary{margin-bottom:.65rem}.employee-table-wrap{overflow-x:auto;margin-top:.7rem;border:1px solid #334155;border-radius:10px}.employee-table{width:100%;border-collapse:collapse;min-width:760px}.employee-table th,.employee-table td{text-align:left;padding:.55rem .6rem;border-bottom:1px solid #1e293b;font-size:.9rem}.employee-table th{background:#111827;color:#cbd5e1;font-weight:700}.employee-table tr:last-child td{border-bottom:none}.employee-row-inactive td{opacity:.65}.employee-edit-btn{width:auto;min-width:90px;padding:.45rem .65rem}.status-badge{display:inline-flex;align-items:center;padding:.12rem .5rem;border-radius:999px;font-size:.75rem;font-weight:700;margin-left:.35rem}.status-pending{background:#facc1533;color:#fde68a;border:1px solid rgba(250,204,21,.35)}.status-approved{background:#22c55e33;color:#86efac;border:1px solid rgba(34,197,94,.35)}.status-rejected{background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.35)}.queue-pagination{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:.4rem 0 .8rem}.queue-pagination span{font-size:.88rem;color:#cbd5e1}.home-stack{display:grid;gap:1rem}.home-panel h2{margin-top:0;letter-spacing:.2px;color:#f8fafc}.home-panel-access{margin-top:calc(.65rem + 20px)}.home-subtitle{margin-top:-.1rem;margin-bottom:.8rem;color:#cbd5e1;font-size:.92rem}.onboarding-list{margin:0;padding-left:1.2rem;display:grid;gap:.7rem}.onboarding-list li{display:grid;gap:.15rem}.onboarding-list li strong{color:#a5f3fc}.onboarding-list li span{color:#d1d5db;font-size:.92rem}.twofactor-qr{margin:.6rem 0;width:220px;max-width:100%;border-radius:10px;border:1px solid #334155;background:#fff;padding:.35rem}.twofactor-copy-row{display:flex;gap:.6rem;align-items:flex-start;justify-content:space-between}.twofactor-copy-row p{margin:.35rem 0;flex:1;word-break:break-all}.twofactor-copy-row button{width:auto;min-width:120px}@media(max-width:860px){.home-stack{gap:.8rem}.management-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}}