:root{--bg-top:#0a4ab3;--bg-mid:#4d86d8;--bg-bottom:#eff4fe;--card:#fffffff7;--card-shadow:0 28px 65px #18386f29;--text-main:#133d85;--text-soft:#7b879d;--line:#e6eefbeb;--accent:#2d70d7;--accent-soft:#2d70d71a;--card-border:#a5bdeb6b;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--info:#3b82f6}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;font-family:Segoe UI,Aptos,Inter,system-ui,-apple-system,sans-serif}.dashboard-screen{background:linear-gradient(#0a4ab3 0%,#4d86d8 44%,#eff4fe 100%);min-height:100vh;padding:24px}.dashboard-card{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fffffff7;border:1px solid #a5bdeb6b;border-radius:24px;padding:32px;box-shadow:0 28px 65px #18386f29}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:32px;display:grid}.stat-card{color:#fff;border-radius:20px;padding:24px;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #00000026}.stat-card h3{opacity:.9;letter-spacing:.5px;margin-bottom:8px;font-size:14px;font-weight:600}.stat-card .value{margin-bottom:4px;font-size:42px;font-weight:800}.stat-card .label{opacity:.8;font-size:13px}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:40px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px #10b9814d}.btn-secondary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:40px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 10px 20px #3b82f64d}.search-bar{border:2px solid #e2e8f0;border-radius:40px;width:100%;margin-bottom:24px;padding:14px 20px;font-size:14px;transition:all .2s}.search-bar:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.table-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;color:#1e293b;background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:16px;font-weight:600}td{color:#475569;border-bottom:1px solid #e2e8f0;padding:16px}tr:hover{background:#f8fafc}.status-active{color:#065f46;background:#d1fae5;border-radius:30px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.status-inactive{color:#991b1b;background:#fee2e2;border-radius:30px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.action-edit{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;margin-right:8px;padding:6px 12px;font-size:12px;transition:all .2s}.action-edit:hover{background:#2563eb}.action-delete{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;padding:6px 12px;font-size:12px;transition:all .2s}.action-delete:hover{background:#dc2626}.page-header{margin-bottom:32px}.page-header h1{color:#1e293b;margin-bottom:8px;font-size:32px}.page-header p{color:#64748b;font-size:14px}.button-group{flex-wrap:wrap;gap:16px;margin-bottom:24px;display:flex}@media (max-width:768px){.dashboard-screen{padding:16px}.dashboard-card{padding:20px}.stats-grid{grid-template-columns:1fr;gap:16px}.stat-card .value{font-size:32px}.page-header h1{font-size:24px}.button-group{flex-direction:column}.btn-primary,.btn-secondary{justify-content:center;width:100%}th,td{padding:12px;font-size:13px}}.auth-orb{opacity:.85;pointer-events:none;position:absolute}.auth-orb-left{border:2px solid #99baf15c;border-radius:999px;width:104px;height:104px;bottom:68px;left:68px;box-shadow:inset 0 0 0 2px #ffffff1f,inset 0 -40px #ffffff0a}.auth-orb-right{background:#c4d6f933;border:1px solid #b4cdf733;border-radius:0;width:64px;height:64px;bottom:90px;right:104px;transform:rotate(45deg)}.brand-badge{flex:none;width:50px}.brand-badge-svg{width:50px;height:auto;display:block}.auth-hero-line{white-space:nowrap;display:block}.auth-hero-line:first-child{transform:translate(-28px)}.divider{color:#0003;letter-spacing:.18em;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin:22px 0 24px;font-size:.84rem;font-weight:700;display:grid}.divider span{background:#0000001a;height:1px}.divider em{font-style:normal}@media (max-width:640px){.auth-hero-line:first-child{transform:translate(0)}.auth-hero-line{white-space:normal}.auth-orb-left,.auth-orb-right{opacity:.35}}