@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--bg-primary:#0a0e14;--bg-secondary:#0f1419;--bg-tertiary:#151b23;--bg-elevated:#1a2230;--bg-hover:#1e2a3a;--bg-active:#243447;--text-primary:#e6edf3;--text-secondary:#8b949e;--text-tertiary:#6e7681;--text-muted:#484f58;--text-inverse:#0a0e14;--accent-primary:#6366f1;--accent-primary-hover:#818cf8;--accent-primary-muted:#6366f126;--accent-primary-glow:#6366f14d;--accent-secondary:#f59e0b;--accent-secondary-hover:#fbbf24;--accent-secondary-muted:#f59e0b26;--color-success:#10b981;--color-success-muted:#10b98126;--color-warning:#f59e0b;--color-warning-muted:#f59e0b26;--color-danger:#ef4444;--color-danger-muted:#ef444426;--color-info:#3b82f6;--color-info-muted:#3b82f626;--role-admin:#f59e0b;--role-admin-bg:#f59e0b26;--role-boss:#3b82f6;--role-boss-bg:#3b82f626;--role-manager:#10b981;--role-manager-bg:#10b98126;--border-primary:#ffffff0f;--border-secondary:#ffffff1a;--border-hover:#ffffff26;--border-focus:var(--accent-primary);--glass-bg:#ffffff08;--glass-bg-hover:#ffffff0f;--glass-border:#ffffff14;--glass-shadow:0 8px 32px #0000004d;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-xl:0 16px 48px #0009;--sidebar-width:260px;--header-height:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%}body{min-height:100%;font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-primary);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul,ol{list-style:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:1.3}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{color:var(--text-secondary);line-height:1.7}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:all var(--transition-base)}.glass-card:hover{background:var(--glass-bg-hover);border-color:var(--border-hover);box-shadow:var(--shadow-lg)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);font-family:var(--font-sans);font-size:var(--text-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;padding:10px 20px;font-weight:500;line-height:1;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.btn-primary:hover:not(:disabled){background:var(--accent-primary-hover);border-color:var(--accent-primary-hover);box-shadow:0 0 20px var(--accent-primary-glow)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-secondary)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-hover)}.btn-danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.btn-danger:hover:not(:disabled){background:#dc2626;box-shadow:0 0 20px #ef44444d}.btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.btn-sm{font-size:var(--text-xs);padding:6px 12px}.btn-lg{font-size:var(--text-md);padding:14px 28px}.form-group{gap:var(--space-sm);flex-direction:column;display:flex}.form-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.form-input,.form-select,.form-textarea{width:100%;font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);transition:all var(--transition-fast);outline:none;padding:10px 14px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-primary-muted)}.form-input::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical;min-height:100px}.form-select{cursor:pointer;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='%238b949e' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:36px}.table-wrapper{border-radius:var(--radius-lg);border:1px solid var(--border-primary);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.table thead{background:var(--bg-secondary)}.table th{text-align:left;font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);border-bottom:1px solid var(--border-primary);padding:12px 16px}.table td{border-bottom:1px solid var(--border-primary);color:var(--text-primary);padding:12px 16px}.table tbody tr{transition:background var(--transition-fast)}.table tbody tr:hover{background:var(--bg-hover)}.table tbody tr:last-child td{border-bottom:none}.badge{font-size:var(--text-xs);letter-spacing:.03em;border-radius:var(--radius-full);text-transform:uppercase;align-items:center;padding:3px 10px;font-weight:600;display:inline-flex}.badge-admin{color:var(--role-admin);background:var(--role-admin-bg)}.badge-boss{color:var(--role-boss);background:var(--role-boss-bg)}.badge-manager{color:var(--role-manager);background:var(--role-manager-bg)}.badge-success{color:var(--color-success);background:var(--color-success-muted)}.badge-warning{color:var(--color-warning);background:var(--color-warning-muted)}.badge-danger{color:var(--color-danger);background:var(--color-danger-muted)}.badge-info{color:var(--color-info);background:var(--color-info-muted)}.status-dot{width:8px;height:8px;margin-right:var(--space-sm);border-radius:50%;display:inline-block}.status-dot--active{background:var(--color-success);box-shadow:0 0 8px var(--color-success)}.status-dot--inactive{background:var(--text-muted)}.empty-state{padding:var(--space-3xl) var(--space-lg);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{margin-bottom:var(--space-md);opacity:.4;font-size:3rem}.empty-state-title{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-sm);font-weight:600}.empty-state-text{font-size:var(--text-sm);color:var(--text-tertiary);max-width:400px}.spinner{border:2px solid var(--border-secondary);border-top-color:var(--accent-primary);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}.spinner-lg{border-width:3px;width:36px;height:36px}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen{justify-content:center;align-items:center;gap:var(--space-lg);flex-direction:column;min-height:100vh;display:flex}.loading-screen .spinner{border-width:3px;width:40px;height:40px}.loading-screen p{font-size:var(--text-sm);color:var(--text-tertiary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.4s forwards fadeIn}@keyframes pulseGlow{0%,to{box-shadow:0 0 8px var(--accent-primary-glow)}50%{box-shadow:0 0 20px var(--accent-primary-glow)}}@media (max-width:768px){:root{--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--bg-primary:#f5f7fa;--bg-secondary:#fff;--bg-tertiary:#f0f2f5;--bg-elevated:#fff;--bg-hover:#eef1f5;--bg-active:#e3e8ef;--text-primary:#1a1d23;--text-secondary:#4b5563;--text-tertiary:#9ca3af;--text-muted:#d1d5db;--text-inverse:#fff;--border-primary:#00000014;--border-secondary:#0000001f;--border-hover:#0000002e;--glass-bg:#ffffffb3;--glass-bg-hover:#ffffffd9;--glass-border:#00000014;--glass-shadow:0 4px 20px #00000014;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001a;--shadow-xl:0 16px 48px #0000001f}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:var(--bg-primary)}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}::-webkit-scrollbar-thumb{background:#c4c9d1}::-webkit-scrollbar-thumb:hover{background:#a8aeb8}}