:root{font-family:Inter,ui-sans-serif,system-ui;color:#0b1736;background:#f7fbff}*{box-sizing:border-box}body{margin:0}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;place-items:center;padding:40px;background:radial-gradient(circle at 80% 30%,#dbeafe 0 20%,transparent 21%),linear-gradient(135deg,#001c4d,#0061ff 48%,#fff 49%)}.auth-card,.panel{background:#fff;border:1px solid #e5edf7;border-radius:18px;box-shadow:0 18px 45px #00276618}.auth-card{width:min(420px,92vw);padding:42px}.brand-mark{margin:auto;background:#1167ff;color:#fff;width:44px;height:44px;border-radius:12px;display:grid;place-items:center}.auth-card h1,.auth-card p{text-align:center}.auth-card label{display:block;font-weight:700;font-size:13px;margin:18px 0 6px}.auth-card input,.transfer input,.transfer select{width:100%;padding:14px;border:1px solid #dbe4ef;border-radius:10px}.auth-card button,.transfer button{width:100%;padding:14px;border:0;border-radius:10px;background:#0967ff;color:#fff;font-weight:800;margin-top:18px}.auth-card a{color:#0967ff;font-weight:800;cursor:pointer}.error{background:#fee2e2;color:#991b1b;border-radius:10px;padding:10px}.auth-art{display:grid;gap:24px;justify-items:center}.phone{width:170px;height:260px;background:linear-gradient(150deg,#0067ff,#001b50);color:#fff;border-radius:28px;box-shadow:0 25px 60px #064bad55;display:grid;place-items:center;text-align:center;padding:30px}.auth-art li{list-style:none;margin:18px;font-weight:800;display:flex;gap:10px}.app{display:flex;min-height:100vh}.sidebar{width:230px;background:linear-gradient(#061d3f,#001526);color:#fff;padding:24px;position:sticky;top:0;height:100vh}.sidebar h2,.sidebar button{display:flex;align-items:center;gap:10px}.sidebar button{width:100%;padding:13px;border:0;border-radius:10px;background:transparent;color:#fff;text-transform:capitalize;margin:5px 0}.sidebar button.active,.sidebar button:hover{background:#0967ff}.content{flex:1;padding:28px;overflow:auto}header{display:flex;align-items:center;gap:18px;margin-bottom:24px}header div:first-of-type{margin-right:auto}.avatar{background:#ffb55e;border-radius:50%;padding:10px;font-weight:900}.hamb{display:none}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stats article{padding:24px;border-radius:16px;background:#fff;box-shadow:0 12px 30px #10254a12;border:1px solid #e7eef7}.stats span{display:block;color:#64748b}.stats strong{font-size:25px}.blue strong{color:#0967ff}.green strong,.pos{color:#16a34a}.red strong,.neg{color:#dc2626}.orange strong{color:#f97316}.grid{display:grid;grid-template-columns:1.35fr .9fr;gap:20px;margin-top:22px}.panel{padding:24px}.chart{height:260px;display:flex;align-items:end;gap:8px;border-bottom:1px solid #e2e8f0;background:repeating-linear-gradient(to top,#f8fafc,#f8fafc 51px,#e2e8f0 52px)}.chart i{flex:1;background:linear-gradient(#0967ff,#93c5fd);border-radius:6px 6px 0 0}table{width:100%;border-collapse:collapse}td{padding:16px 8px;border-bottom:1px solid #edf2f7}.pill{background:#dcfce7;color:#15803d;border-radius:999px;padding:6px 10px;font-size:12px}.actions{margin-top:20px;background:#fff;border-radius:16px;padding:20px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.actions button{border:0;background:#f8fbff;border-radius:12px;padding:16px;font-weight:800}.wallet-row,.beneficiary{display:grid;grid-template-columns:48px 1fr 1fr auto;align-items:center;gap:14px;padding:18px;border-bottom:1px solid #edf2f7}.wallet-row span{height:42px;width:42px;border-radius:12px;display:grid;place-items:center;color:#fff}.wallet-row .blue{background:#0967ff}.wallet-row .green{background:#20b26b}.wallet-row .purple{background:#7c3aed}.wallet-row .orange{background:#f97316}.transfer{display:grid;gap:14px}.notice{background:#dcfce7;color:#166534;padding:14px;border-radius:12px;margin-bottom:16px}@media (max-width:850px){.auth-shell{grid-template-columns:1fr;background:#eef6ff}.auth-art{display:none}.app{display:block}.sidebar{position:fixed;left:0;right:0;bottom:0;top:auto;height:auto;width:auto;z-index:5;display:flex;overflow:auto;padding:8px}.sidebar h2{display:none}.sidebar button{min-width:92px;font-size:12px}.content{padding:18px 18px 90px}.stats,.grid,.actions{grid-template-columns:1fr}header h1{font-size:22px}.wallet-row{grid-template-columns:48px 1fr}.wallet-row strong{grid-column:2}.hamb{display:block}}