:root{--primary:#0f172a;--primary-light:#1e293b;--accent:#0284c7;--accent-hover:#0369a1;--secondary:#64748b;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--background:#f8fafc;--surface:#fff;--text-main:#0f172a;--text-muted:#64748b;--border:#e2e8f0;--radius:12px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--glass:#ffffffb3;--glass-border:#ffffff80}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--background);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;line-height:1.5}[data-tooltip]{cursor:pointer;position:relative}[data-tooltip]:before,[data-tooltip]:after{visibility:hidden;opacity:0;pointer-events:none;z-index:9999;transition:all .2s;position:absolute}[data-tooltip]:before{content:"";border:5px solid #0000;border-top-color:#1e293b;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)translateY(4px)}[data-tooltip]:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;background:#1e293b;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:600;bottom:calc(100% + 14px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 4px 6px -1px #0000001a}[data-tooltip]:hover:before,[data-tooltip]:hover:after{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}h1,h2,h3,h4,h5,h6{color:var(--primary);font-weight:700}a{color:inherit;text-decoration:none;transition:all .2s}button{cursor:pointer;background:0 0;border:none;font-family:inherit;transition:all .2s cubic-bezier(.4,0,.2,1)}input,select,textarea{border:1px solid var(--border);border-radius:var(--radius);width:100%;padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 4px #38bdf81a}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}.header-actions{align-items:center;gap:1rem;display:flex}.glass-card{background:var(--glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--shadow);border-radius:var(--radius);overflow:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.4s ease-out forwards fadeIn}.table-container{border-radius:var(--radius);border:1px solid var(--border);width:100%;overflow-x:auto}table{border-collapse:collapse;background:var(--surface);width:100%}th{background:var(--background);text-align:left;color:var(--secondary);border-bottom:1px solid var(--border);padding:1rem;font-size:.875rem;font-weight:600}td{border-bottom:1px solid var(--border);padding:1rem}tr:last-child td{border-bottom:none}tr:hover{background:#f1f5f980}.list-header{justify-content:space-between!important;align-items:center!important;margin-bottom:2.5rem!important;display:flex!important}.list-header h2{align-items:center;gap:12px;margin:0;font-size:1.75rem;display:flex}.btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius);padding:.75rem 1.5rem;font-weight:600}.btn-primary:hover{background:var(--primary-light);transform:translateY(-1px)}.btn-accent{background:var(--accent);color:#fff;border-radius:var(--radius);align-items:center;gap:8px;padding:.75rem 1.5rem;font-weight:600;display:flex}.btn-accent:hover{background:var(--accent-hover);transform:translateY(-1px)}.top-header{justify-content:space-between!important;align-items:center!important;display:flex!important}.header-left{align-items:center;gap:1rem;display:flex}.header-right{align-items:center;display:flex}.profile-wrapper{position:relative}.profile-trigger{border:1px solid var(--border);background:#f1f5f9;border-radius:100px;align-items:center;gap:.75rem;padding:.5rem;transition:all .2s;display:flex}.profile-trigger:hover{border-color:var(--accent);background:#e2e8f0}.user-avatar{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.user-meta{flex-direction:column;align-items:flex-start;line-height:1.2;display:flex}.user-full-name{color:var(--primary);font-size:.8125rem;font-weight:700}.user-role-label{color:var(--secondary);font-size:.75rem}.chevron{color:var(--secondary);transition:transform .2s}.chevron.open{transform:rotate(180deg)}.profile-backdrop{z-index:1000;position:fixed;inset:0}.profile-dropdown{z-index:1001;background:#fff;width:280px;padding:0;animation:.2s ease-out fadeIn;position:absolute;top:calc(100% + 12px);right:0}.dropdown-header{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;padding:1.25rem}.d-name{margin-bottom:2px;font-size:1rem;font-weight:700}.d-email{opacity:.8;font-size:.75rem}.dropdown-body{flex-direction:column;gap:.75rem;padding:1rem 1.25rem;display:flex}.d-item{justify-content:space-between;font-size:.8125rem;display:flex}.d-item span{color:var(--secondary)}.d-item strong{color:var(--primary)}.dropdown-footer{border-top:1px solid var(--border);padding:.75rem 1.25rem}.d-logout{width:100%;color:var(--danger);align-items:center;gap:8px;padding:.5rem 0;font-size:.875rem;font-weight:600;display:flex}.d-logout:hover{opacity:.8}@media (width<=768px){.desktop-only{display:none}.grid-3,.grid-2{grid-template-columns:1fr!important}.page-content{padding:1rem}.top-header{padding:0 1rem}.header-title{font-size:.9375rem}.sidebar{width:280px!important}}@media (width<=480px){.header-title{display:none}}