.app-container{background-color:var(--bg-dark);min-height:100vh;color:var(--text-primary)}:root{--bg-dark:#0f111a;--bg-card:#0a142399;--bg-card-hover:#0f1e32cc;--bg-input:#0a142380;--primary:#0a66c2;--primary-hover:#004182;--primary-glow:#0a66c24d;--success:#10b981;--success-glow:#10b9814d;--danger:#ef4444;--warning:#f59e0b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--border:#0a66c226;--border-focus:#0a66c280;--radius:12px;--radius-sm:8px;--radius-full:9999px;--blur:blur(12px);--transition:all .2s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:var(--blur);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);padding:1.5rem}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 0 10px var(--primary-glow)}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 0 15px var(--primary-glow);transform:translateY(-1px)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}.btn-outline{border:1px solid var(--border);color:var(--text-primary);background:0 0}.btn-outline:hover{border-color:var(--text-secondary);background:#ffffff0d}.form-group{margin-bottom:1rem}.form-label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-control{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:var(--transition);padding:.75rem 1rem;font-family:inherit;font-size:.875rem}.form-control:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--primary-glow);outline:none}.table-container{width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border);padding:1rem;font-size:.75rem;font-weight:600}td{border-bottom:1px solid var(--border);color:var(--text-primary);padding:1rem;font-size:.875rem}tr:hover td{background:#ffffff05}.badge{border-radius:var(--radius-full);align-items:center;padding:.25rem .6rem;font-size:.75rem;font-weight:600;line-height:1;display:inline-flex}.badge-success{color:var(--success);background:#10b9811a;border:1px solid #10b98133}.badge-primary{color:var(--primary);background:#0a66c21a;border:1px solid #0a66c233}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-secondary{color:var(--text-secondary)}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.status-dot{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.status-dot.active{background-color:var(--success);box-shadow:0 0 8px var(--success);animation:2s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--success-glow)}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.auth-layout{background:radial-gradient(circle at center, #0a66c226 0%, transparent 50%), var(--bg-dark);justify-content:center;align-items:center;min-height:100vh;display:flex}.dashboard-layout{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border);width:260px;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);z-index:10;background:#0f111acc;flex-direction:column;display:flex}.main-content{flex:1;padding:2rem;position:relative;overflow-y:auto}.main-content:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(at top,#0a66c214 0%,#0000 70%);width:calc(100% - 260px);height:300px;position:fixed;top:0;left:260px}