@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--primary: #2563eb;--primary-hover: #1e40af;--bg-main: #f1f5f9;--bg-card: #ffffff;--text-main: #0f172a;--text-muted: #64748b;--border: #e2e8f0;--accent: #2563eb;--radius: 0px;--status-active: #059669;--status-expired: #dc2626;--status-expiring: #d97706;--shadow: 0 1px 2px 0 rgb(0 0 0 / .05)}@media(prefers-color-scheme:dark){:root{--primary: #3b82f6;--primary-hover: #60a5fa;--bg-main: #020617;--bg-card: #0f172a;--text-main: #f8fafc;--text-muted: #94a3b8;--border: #1e293b;--shadow: none}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-main);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,.brand{font-weight:700;letter-spacing:-.025em}.app-container{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:var(--bg-card);border-right:1px solid var(--border);padding:2rem 1.5rem;display:flex;flex-direction:column;gap:2.5rem}.sidebar-logo{font-size:1.25rem;font-weight:800;color:var(--text-main);display:flex;align-items:center;gap:.75rem;text-transform:uppercase;letter-spacing:.1em}.nav-links{display:flex;flex-direction:column;gap:.25rem}.nav-link{padding:.875rem 1rem;border-radius:0;text-decoration:none;color:var(--text-muted);font-weight:500;transition:all .15s ease;display:flex;align-items:center;gap:1rem;border-left:3px solid transparent}.nav-link:hover{background:#f8fafc;color:var(--text-main)}.nav-link.active{background:#f1f5f9;color:var(--primary);border-left:3px solid var(--primary);font-weight:600}.main-content{padding:1.5rem 2rem 5rem;overflow-y:auto;width:100%;display:flex;flex-direction:column}.glass-card{background:var(--bg-card);border:1px solid var(--border);border-radius:0;padding:1.5rem;box-shadow:var(--shadow);margin-bottom:1.5rem}.dashboard-view h1{margin-bottom:.5rem}.data-table-container{overflow-x:auto;margin-top:1rem}table{width:100%;border-collapse:collapse;font-size:.9375rem}th{text-align:left;padding:1rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;background:#f8fafc;border-bottom:1px solid var(--border)}td{padding:.875rem 1rem;border-bottom:1px solid var(--border)}tr:hover td,.hover-row:hover td{background:#f1f5f9}.status-badge{padding:4px 10px;border-radius:0;font-size:.75rem;font-weight:700;text-transform:uppercase;display:inline-block;border:1px solid currentColor}.status-active{color:var(--status-active);background:transparent}.status-expired{color:var(--status-expired);background:transparent}.status-expiring{color:var(--status-expiring);background:transparent}.stat-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1px;background:var(--border);border:1px solid var(--border);margin-bottom:3rem}.stat-card-item{background:var(--bg-card);padding:1.5rem;display:flex;flex-direction:column;gap:.75rem}.btn{padding:.75rem 1.5rem;border-radius:0;font-weight:600;font-size:.875rem;cursor:pointer;border:1px solid var(--border);background:transparent;color:var(--text-main);transition:all .2s;text-transform:uppercase;letter-spacing:.05em}.btn-primary{background:var(--text-main);color:#fff;border-color:var(--text-main)}.btn-primary:hover{background:var(--primary);border-color:var(--primary)}.btn-ghost{background:transparent;border-color:transparent;color:inherit}.btn-ghost:hover{background:#0000000d}.icon-btn{padding:0!important;display:flex!important;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;flex-shrink:0}.icon-btn:hover{background:#0000000d;border:1px solid var(--border)}.icon-container{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border:1px solid var(--border);border-radius:0}.role-badge{padding:2px 8px;border-radius:0;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;border:2px solid}.loading-screen,.login-container{height:100vh;display:flex;align-items:center;justify-content:center;background:#f8fafc}.login-card{background:#fff;border:1px solid var(--border);padding:4rem;width:100%;max-width:480px}.input-group{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid var(--border);border-radius:0;background:#fff}.input-group input{border:none;outline:none;width:100%;font-family:inherit;font-size:1rem}label{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;margin-bottom:.5rem;color:var(--text-muted)}.global-footer{position:fixed;bottom:0;left:240px;right:0;width:calc(100% - 240px);background:var(--bg-card);padding:1rem 0;text-align:center;border-top:1px solid var(--border);z-index:50}.global-footer p{color:var(--text-muted);font-size:.75rem;font-weight:500}.global-footer a{color:var(--text-muted);text-decoration:underline;text-underline-offset:2px}.global-footer a:hover{color:var(--primary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content{background:var(--bg-card);border:1px solid var(--border);border-radius:0;padding:2rem;width:100%;max-width:500px;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}th.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s;position:relative;padding-right:2rem!important}th.sortable-header:hover{background-color:var(--bg-main)!important;color:var(--primary)!important}.sort-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;opacity:.3;transition:opacity .2s}th.sortable-header:hover .sort-icon{opacity:.7}.sort-icon.active{opacity:1;color:var(--primary)}