@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--bg-primary:#0a0a0c;--bg-secondary:#14141a;--bg-tertiary:#1c1c24;--accent-primary:#00e5ff;--accent-secondary:#7000ff;--accent-gradient:linear-gradient(135deg, #00e5ff 0%, #7000ff 100%);--text-primary:#fff;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#ffffff14;--glass-bg:#ffffff08;--glass-border:#ffffff1a;--font-main:"Plus Jakarta Sans", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-primary);overflow-x:hidden}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;padding:24px;transition:transform .3s,border-color .3s}.glass-card:hover{border-color:#00e5ff4d}.btn-primary{background:var(--accent-gradient);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:10px 20px;font-weight:600;transition:opacity .2s}.btn-primary:hover{opacity:.9}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-color);z-index:100;width:260px;height:100vh;padding:32px 20px;position:fixed;top:0;left:0}.main-content{flex-grow:1;width:calc(100% - 260px);min-height:100vh;margin-left:260px;padding:40px}.nav-link{color:var(--text-secondary);cursor:pointer;border-radius:12px;align-items:center;gap:12px;margin-bottom:8px;padding:12px 16px;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover,.nav-link.active{background:var(--glass-bg);color:var(--text-primary)}.nav-link.active{color:var(--accent-primary);background:#00e5ff1a}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:40px;display:grid}.stat-value{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:8px 0;font-size:32px;font-weight:800}table{border-collapse:collapse;width:100%;margin-top:20px}th{text-align:left;color:var(--text-secondary);border-bottom:1px solid var(--border-color);padding:16px;font-weight:500}td{border-bottom:1px solid var(--border-color);padding:16px}tr:hover{background:#ffffff05}.status-badge{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.status-active{color:#22c55e;background:#22c55e1a}.status-inactive{color:#ef4444;background:#ef44441a}.login-container{background:var(--bg-primary);justify-content:center;align-items:center;height:100vh;display:flex}.login-card{width:100%;max-width:400px}.input-group{margin-bottom:20px}.input-group label{color:var(--text-secondary);margin-bottom:8px;font-size:14px;display:block}.input-field{background:var(--bg-tertiary);border:1px solid var(--border-color);color:#fff;border-radius:10px;outline:none;width:100%;padding:12px 16px;transition:border-color .2s}.input-field:focus{border-color:var(--accent-primary)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{width:100%;max-width:600px;max-height:90vh;overflow-y:auto}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}