:root{color:#102033;background:#dfeaf7;font-family:Inter,ui-sans-serif,system-ui,Arial}*{box-sizing:border-box}body{background:radial-gradient(circle at 10% 0,#d8b4fe 0,#0000 28%),radial-gradient(circle at 90% 8%,#93c5fd 0,#0000 32%),linear-gradient(135deg,#eef6ff,#f8fbff 45%,#e8f1ff);min-height:100vh;margin:0}body:before{content:"";pointer-events:none;mix-blend-mode:soft-light;background:linear-gradient(120deg,#ffffff80,#0000 30%,#ffffff50);position:fixed;inset:0}.login{place-items:center;min-height:100vh;padding:20px;display:grid}.login form{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#fffd,#f7fbffcc);border:1px solid #fff;border-radius:30px;gap:14px;width:min(430px,92vw);padding:36px;display:grid;box-shadow:0 30px 90px #17428a38,inset 0 1px #fff}.login h1{color:#0f172a;margin:0;font-size:34px}input,select,button{background:#fff;border:1px solid #cbd9ea;border-radius:14px;padding:13px 15px;font-size:15px;box-shadow:inset 0 1px 2px #00000008}button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#0ea5e9);border:0;font-weight:800;transition:transform .18s,filter .18s;box-shadow:0 12px 24px #2563eb35,inset 0 1px #fff4}button:hover{filter:brightness(1.06);transform:translateY(-1px)}main{max-width:1500px;min-height:100vh;margin:auto;padding:22px;transition:background .35s,box-shadow .35s}.actual-bg{background:linear-gradient(135deg,#ffffff30,#dbeafe55);box-shadow:0 0 0 9999px #0000}.optional-bg{background:radial-gradient(circle at 15% 0,#fef3c7aa 0,#0000 30%),radial-gradient(circle at 85% 6%,#a7f3d0aa 0,#0000 34%),linear-gradient(135deg,#fff7edaa,#ecfdf5aa);box-shadow:0 0 0 9999px #ecfdf555}header{color:#fff;background:linear-gradient(135deg,#0f172a,#1e3a8a 55%,#075985);border-radius:28px;justify-content:space-between;align-items:center;gap:16px;padding:26px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #123a7a38,inset 0 1px #ffffff25}header:after{content:"";filter:blur(8px);background:#38bdf855;border-radius:50%;width:260px;height:260px;position:absolute;top:-80px;right:-60px}header h1{z-index:1;margin:0;font-size:clamp(24px,3vw,38px);position:relative}header div{z-index:1;flex-wrap:wrap;gap:10px;display:flex;position:relative}nav{flex-wrap:wrap;gap:12px;margin:18px 0;display:flex}nav button{color:#1d4ed8;background:linear-gradient(#fff,#edf6ff);border:1px solid #bfdbfe;box-shadow:0 10px 22px #1e40af18}.on{color:#fff!important;background:linear-gradient(135deg,#1d4ed8,#06b6d4)!important}.cards{grid-template-columns:repeat(6,1fr);gap:14px;display:grid}.card,.panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#fffe,#f8fbffdf);border:1px solid #fff;border-radius:24px;padding:19px;box-shadow:0 18px 42px #1e3a8a17,inset 0 1px #fff}.card{min-height:110px;transform:perspective(900px)rotateX(.8deg)}.card small{color:#64748b;margin-bottom:10px;font-weight:700;display:block}.card strong{color:#0f172a;font-size:20px}.grid{grid-template-columns:1fr 1fr;gap:16px;margin:16px 0;display:grid}.panel h3{color:#0f172a;margin:0 0 14px}.panel input,.panel select,.panel button{margin:5px}.wide{margin-top:16px}.scroll{border-radius:16px;max-height:560px;overflow:auto}table{border-collapse:separate;border-spacing:0;background:#fff;border-radius:16px;width:100%;min-width:980px;overflow:hidden}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #e5edf7;padding:12px}th{color:#334155;z-index:2;background:linear-gradient(#eff6ff,#dbeafe);position:sticky;top:0}tr:hover td{background:#f8fbff}.withdraw{color:#dc2626;background:#fee2e2;border-radius:999px;padding:5px 9px;font-weight:900}.repay{color:#047857;background:#d1fae5;border-radius:999px;padding:5px 9px;font-weight:900}.danger{background:linear-gradient(135deg,#dc2626,#f97316)}.err{color:#dc2626;font-weight:800}.panel button+button,td button+button{margin-left:6px}@media (width<=900px){main{padding:10px}header{display:block}.cards{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.card strong{font-size:16px}input,select,form>button{width:calc(100% - 10px);margin:5px!important}td button{padding:9px 10px}.panel{padding:14px}}.optional-bg{color:#f8fafc;background:radial-gradient(circle at 12% 0,#2563eb55 0,#0000 30%),radial-gradient(circle at 90% 8%,#14b8a655 0,#0000 32%),linear-gradient(135deg,#020617,#0f172a 45%,#111827)!important;box-shadow:0 0 0 9999px #020617!important}.optional-bg header{background:linear-gradient(135deg,#020617,#312e81 55%,#0f766e);box-shadow:0 24px 70px #0009,inset 0 1px #ffffff25}.optional-bg .card,.optional-bg .panel{color:#f8fafc;background:linear-gradient(#0f172add,#111827cc);border-color:#334155;box-shadow:0 18px 48px #0008,inset 0 1px #ffffff12}.optional-bg .card strong,.optional-bg .panel h3{color:#fff}.optional-bg .card small{color:#cbd5e1}.optional-bg table{color:#f8fafc;background:#0f172a}.optional-bg th{color:#e2e8f0;background:linear-gradient(#1e293b,#0f172a)}.optional-bg td{border-bottom-color:#334155}.optional-bg tr:hover td{background:#1e293b}.optional-bg input,.optional-bg select{color:#f8fafc;background:#020617;border-color:#475569}.optional-bg nav button{color:#bfdbfe;background:#111827;border-color:#334155}.optional-bg .on{color:#fff!important;background:linear-gradient(135deg,#7c3aed,#06b6d4)!important}