:root{--bg-dark:#0f172a;--bg-card:#1e293b;--primary:#3b82f6;--primary-glow:#3b82f680;--text-main:#f8fafc;--text-muted:#94a3b8;--border:#334155;--success:#10b981;--danger:#ef4444;--font-sans:"Inter",system-ui,-apple-system,sans-serif}body{font-family:var(--font-sans);background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;margin:0}.dashboard-container{min-height:100vh;display:flex}.sidebar{background:var(--bg-card);border-right:1px solid var(--border);flex-direction:column;width:260px;padding:2rem;display:flex}.logo{background:linear-gradient(90deg,#3b82f6,#8b5cf6);-webkit-text-fill-color:transparent;letter-spacing:-.05em;-webkit-background-clip:text;margin-bottom:3rem;font-size:1.5rem;font-weight:800}.main-content{flex:1;padding:2rem 3rem;overflow-y:auto}.header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.btn{background:var(--primary);color:#fff;cursor:pointer;box-shadow:0 4px 14px 0 var(--primary-glow);border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.btn:hover{box-shadow:0 6px 20px 0 var(--primary-glow);transform:translateY(-1px)}.btn-danger{background:var(--danger);box-shadow:none}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.table-container{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:1rem 1.5rem}th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background:#ffffff08;font-size:.875rem;font-weight:500}tr:last-child td{border-bottom:none}.status-badge{border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.status-active{color:var(--success);background:#10b98133}.status-expired{color:var(--danger);background:#ef444433}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;width:100%;max-width:500px;max-height:90vh;padding:2rem;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080}.form-group{margin-bottom:1.5rem}label{color:var(--text-muted);margin-bottom:.5rem;font-size:.875rem;display:block}input,select{background:var(--bg-dark);border:1px solid var(--border);color:#fff;box-sizing:border-box;border-radius:8px;outline:none;width:100%;padding:.75rem;font-size:1rem;transition:border-color .2s}input:focus,select:focus{border-color:var(--primary)}.modal-actions{justify-content:flex-end;gap:1rem;margin-top:2rem;display:flex}.btn-ghost{box-shadow:none;color:var(--text-muted);background:0 0}.btn-ghost:hover{color:#fff;background:#ffffff0d}@media (max-width:768px){.dashboard-container{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border);box-sizing:border-box;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:auto;padding:1rem}.sidebar nav{display:none}.logo{margin-bottom:0;font-size:1.2rem}.sidebar>div:last-child{margin-top:0!important;padding:0!important}.main-content{padding:1rem}.header{flex-direction:column;align-items:stretch;gap:1rem}.header h1{text-align:center;font-size:1.5rem!important}.header p{text-align:center}.table-container{overflow-x:auto}th,td{white-space:nowrap;padding:.75rem 1rem}.modal{padding:1.5rem}}