@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');:root{--ink:#182436;--muted:#738094;--line:#e7ebf1;--bg:#f5f7fb;--blue:#315ee8;--navy:#152541;--green:#24a879}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',sans-serif}.app-shell{min-height:100vh;display:flex}.sidebar{width:250px;background:#fff;border-right:1px solid var(--line);padding:26px 17px;display:flex;flex-direction:column;flex-shrink:0}.brand{display:flex;align-items:center;gap:10px;padding:0 10px 32px;text-decoration:none;color:var(--ink);font:800 20px Manrope,sans-serif;letter-spacing:.3px}.brand img{width:42px;height:42px;object-fit:contain;border-radius:12px}.brand small{display:block;font:500 11px 'DM Sans',sans-serif;color:var(--muted);letter-spacing:0;margin-top:2px}.profile-mini{display:flex;align-items:center;gap:10px;padding:14px 9px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:22px;min-width:0}.profile-mini div:last-child{min-width:0}.profile-mini b,.profile-mini small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:155px}.profile-mini b{font-size:12px}.profile-mini small{color:var(--muted);font-size:10px;margin-top:4px}.avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#e9efff;color:var(--blue);font-weight:800;flex-shrink:0}.avatar.small{width:34px;height:34px;border-radius:50%}.sidebar nav{display:grid;gap:6px}.sidebar nav a{display:flex;align-items:center;gap:13px;padding:13px 14px;border-radius:10px;color:#657187;text-decoration:none;font-weight:600}.sidebar nav a:hover,.sidebar nav a.active{background:#edf2ff;color:var(--blue)}.sidebar nav a:first-letter{font-size:18px}.sidebar-foot{margin-top:auto;padding:25px 10px 0;color:#7b8798;font-size:11px;line-height:1.8}.sidebar-foot small{color:#a0a8b5}.main{flex:1;min-width:0;padding:30px clamp(20px,4vw,56px) 50px;max-width:1600px;margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:18px}.eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:800;color:#8792a5}.topbar h1{font:800 27px Manrope,sans-serif;margin:5px 0 0;letter-spacing:-.8px;text-transform:capitalize}.top-actions{display:flex;align-items:center;gap:18px}.secure{font-size:11px;color:#758398}.secure:first-letter{color:var(--green)}h2{font:750 19px Manrope,sans-serif;letter-spacing:-.4px;margin:8px 0}h3{font:750 16px Manrope,sans-serif;margin:10px 0}.muted{color:var(--muted);line-height:1.6}.balance-card{border-radius:20px;padding:29px 32px;background:linear-gradient(115deg,#192b4c,#315ee8);color:#fff;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;min-height:180px;box-shadow:0 14px 32px #1e3b751f}.balance-card:after{content:'';position:absolute;width:270px;height:270px;border:1px solid #ffffff20;border-radius:50%;right:55px;top:-120px;box-shadow:0 0 0 32px #ffffff08,0 0 0 65px #ffffff06}.balance-label{font-size:10px;letter-spacing:1.4px;color:#d3def6;font-weight:700}.balance-value{font:800 clamp(32px,4vw,43px) Manrope,sans-serif;margin:12px 0}.balance-meta{font-size:11px;color:#d8e4ff}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#5ce2ad;margin-right:6px}.balance-art{font:800 95px Manrope,sans-serif;color:#ffffff18;margin-right:6%;z-index:1}.section-head{display:flex;align-items:end;justify-content:space-between;margin:30px 0 15px}.action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:27px}.action-card{background:white;border:1px solid var(--line);border-radius:15px;padding:20px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;align-items:flex-start;min-height:145px;transition:.2s}.action-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #1a2a4510}.action-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;font-size:22px;margin-bottom:15px}.green{background:#e4f8f0;color:#13976c}.blue{background:#e8efff;color:#315ee8}.violet{background:#f0eaff;color:#8556cf}.amber{background:#fff2dd;color:#bf8117}.action-card b{font-size:13px}.action-card small{color:var(--muted);font-size:11px;margin-top:5px}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;margin-bottom:22px;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.panel-head h2{margin-bottom:0}.panel-head a{color:var(--blue);text-decoration:none;font-weight:700;font-size:12px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:#929bad;font-weight:800;padding:13px 12px;border-bottom:1px solid var(--line)}td{padding:15px 12px;border-bottom:1px solid #f0f2f6;font-size:12px;color:#536076}tbody tr:last-child td{border-bottom:0}td b{color:var(--ink)}td small{display:block;color:#9aa3b1;margin-top:5px}.amount{font-weight:800;color:var(--ink)}.status{display:inline-block;padding:5px 9px;border-radius:20px;font-size:10px;font-weight:700;background:#f0f2f5;color:#687387}.status.pending{background:#fff4dc;color:#a86c00}.status.success,.status.completed{background:#e3f8ee;color:#17845c}.status.failed,.status.rejected{background:#ffe9e8;color:#c4423d}.empty{text-align:center;padding:42px 10px;color:var(--muted)}.empty span{display:block;font-size:28px;color:#aeb9ca;margin-bottom:10px}.empty b{display:block;color:var(--ink)}.empty p{font-size:12px}.content-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(230px,.8fr);gap:20px;align-items:start}.form-panel{padding:28px;max-width:none}.form-panel h2{font-size:24px;margin-top:9px}.form-panel form,.auth-card form{display:grid;gap:10px;margin-top:24px}label{font-size:12px;font-weight:700;color:#4e5b70;margin-top:5px}input{width:100%;border:1px solid #dfe5ed;background:#fff;border-radius:9px;padding:13px 14px;font:14px 'DM Sans',sans-serif;color:var(--ink);outline:none}input:focus{border-color:#7794f5;box-shadow:0 0 0 3px #315ee817}input:disabled{background:#f3f5f8;color:#8490a2}.btn{border:0;border-radius:9px;padding:13px 18px;font:700 13px 'DM Sans',sans-serif;cursor:pointer;margin-top:12px}.btn.primary{background:var(--blue);color:#fff;box-shadow:0 5px 12px #315ee82b}.btn.primary:hover{background:#244bd0}.full{width:100%}.amount-input{display:flex;align-items:center;border:1px solid #dfe5ed;border-radius:9px;padding-left:14px;color:#718096}.amount-input input{border:0;box-shadow:none!important}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:3px 0 8px}.chips button{background:#f0f4ff;border:1px solid #e0e8ff;border-radius:8px;padding:8px 12px;color:#315ee8;font-weight:700;cursor:pointer}.demo-alert{background:#fff8e8;border:1px solid #f6e4b9;border-radius:10px;padding:12px 14px;color:#8d650f;font-size:12px;line-height:1.55;margin-top:18px}.info-panel{background:#edf2ff;border-radius:16px;padding:25px;color:#455575}.info-panel p{font-size:12px;line-height:1.8}.info-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#fff;color:var(--blue);font-size:22px}.available{display:flex;justify-content:space-between;background:#f6f8fc;padding:14px;border-radius:10px;margin-top:18px;font-size:12px;color:var(--muted)}.available b{font-size:15px;color:var(--ink)}.auth-wrap{display:grid;place-items:center;min-height:calc(100vh - 150px)}.auth-card{width:min(100%,430px);padding:34px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 16px 50px #1a2a4509}.auth-logo{display:grid;place-items:center;margin-bottom:23px}.auth-logo img{width:76px;height:76px;object-fit:contain;border-radius:17px}.auth-card h2{font-size:26px;margin:8px 0}.auth-card form{gap:9px}.auth-card label{margin-top:6px}.form-foot{text-align:center;color:var(--muted);font-size:12px;margin-top:22px}.form-foot a{color:var(--blue);font-weight:700;text-decoration:none}.tiny-note{text-align:center;color:#9aa4b4;font-size:10px;margin-top:25px}.notice{border-radius:10px;padding:13px 16px;margin-bottom:20px;font-size:12px;line-height:1.5}.notice.success{background:#e6f8ef;color:#157b55}.notice.error{background:#ffedeb;color:#b93c35}.notice.warning{background:#fff6e1;color:#93620a}@media(max-width:1000px){.sidebar{width:215px}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:1fr}.info-panel{display:none}}@media(max-width:650px){.app-shell{display:block}.sidebar{width:100%;padding:12px 14px;border-right:0;border-bottom:1px solid var(--line)}.brand{padding:0 5px 10px}.brand img{width:34px;height:34px}.profile-mini,.sidebar-foot{display:none}.sidebar nav{display:flex;overflow-x:auto;gap:4px}.sidebar nav a{white-space:nowrap;padding:10px 11px;font-size:12px}.sidebar nav a span{display:inline}.main{padding:22px 15px 35px}.topbar{margin-bottom:20px}.topbar h1{font-size:23px}.secure{display:none}.balance-card{padding:24px;min-height:155px}.balance-art{font-size:65px;margin-right:0}.action-grid{gap:10px}.action-card{padding:15px;min-height:135px}.panel{padding:16px}.form-panel{padding:21px}.auth-card{padding:25px 20px}.section-head{margin-top:24px}.panel-head{align-items:flex-start}}