@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#05060a;--panel:#0b0e15;--panel2:#10141e;--panel3:#141925;--line:#1f2636;--line2:#293148;--text:#f5f7ff;--muted:#858fa6;--muted2:#59647b;--purple:#8b5cf6;--purple2:#6d28d9;--cyan:#22d3ee;--blue:#4f7cff;--green:#2dd4bf;--yellow:#f8c24f;--red:#fb7185;--shadow:0 26px 80px rgba(0,0,0,.42)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,system-ui,sans-serif;background:#05060a;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 0,rgba(139,92,246,.12),transparent 25%),radial-gradient(circle at 100% 25%,rgba(34,211,238,.09),transparent 28%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,auto,36px 36px,36px 36px;mask-image:linear-gradient(#000 0%,#000 82%,transparent 100%)}a{color:inherit}
.app{min-height:100vh}.sidebar{position:fixed;z-index:100;left:14px;top:14px;bottom:14px;width:258px;padding:14px;background:linear-gradient(180deg,rgba(12,15,24,.98),rgba(7,9,15,.98));border:1px solid #20273a;border-radius:24px;box-shadow:0 28px 80px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.025);backdrop-filter:blur(24px);display:flex;flex-direction:column}
.brand-wrap{padding:10px 9px 18px}.brand{display:flex;align-items:center;gap:10px;font-family:"Space Grotesk";font-size:21px;font-weight:700;letter-spacing:.4px}.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,#d8cbff 0,#a78bfa 28%,#6d28d9 64%,#28124f 100%);box-shadow:0 0 30px rgba(139,92,246,.38),inset 0 1px 0 rgba(255,255,255,.4);color:#fff;font-size:20px}.brand span{color:var(--cyan)}.brand-sub{margin:7px 0 0 52px;color:#6b758c;font-size:9px;letter-spacing:1.9px;text-transform:uppercase}
.side-user{position:relative;display:flex;align-items:center;gap:10px;padding:11px;border:1px solid #20283b;background:linear-gradient(135deg,rgba(139,92,246,.10),rgba(255,255,255,.02));border-radius:18px;margin-bottom:17px}.side-user:after{content:"";position:absolute;right:12px;top:12px;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.avatar{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#8b5cf6,#4361ee);font-weight:800;box-shadow:0 12px 26px rgba(78,77,225,.25)}.side-user b{display:block;font-size:12px}.side-user small{display:block;color:#7d879c;font-size:10px;margin-top:4px}
nav{display:flex;flex-direction:column;gap:4px;overflow:auto;padding-right:3px}.nav-label{margin:10px 9px 6px;color:#4f5a72;font-size:9px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase}.nav-item{display:flex;align-items:center;gap:11px;padding:10px;border:1px solid transparent;border-radius:15px;text-decoration:none;color:#8993aa;font-size:12px;font-weight:600;transition:.2s}.nav-item:hover{background:rgba(255,255,255,.035);border-color:#20273a;color:#fff;transform:translateX(2px)}.nav-item.active{background:linear-gradient(90deg,rgba(139,92,246,.19),rgba(34,211,238,.04));border-color:rgba(139,92,246,.23);box-shadow:inset 3px 0 0 #8b5cf6,0 10px 28px rgba(0,0,0,.15);color:#fff}.nav-icon{width:31px;height:31px;border-radius:11px;display:grid;place-items:center;background:#101522;border:1px solid #252d43;color:#cbd3eb;font-size:13px;flex:0 0 auto}.nav-item.active .nav-icon{background:linear-gradient(135deg,rgba(139,92,246,.34),rgba(34,211,238,.08));border-color:#4a3a83}.logout{margin-top:auto;display:flex;justify-content:center;align-items:center;gap:7px;padding:12px;border-radius:15px;border:1px solid rgba(251,113,133,.15);background:rgba(251,113,133,.055);color:#ffafba!important;text-decoration:none;font-size:12px;font-weight:700}
.main{margin-left:292px;min-height:100vh;padding:0 34px 44px}.topbar{position:sticky;top:0;z-index:50;margin:0 -34px;padding:16px 34px 13px;height:86px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(5,6,10,.94),rgba(5,6,10,.78));border-bottom:1px solid rgba(255,255,255,.045);backdrop-filter:blur(20px)}.topbar-left{display:flex;align-items:center;gap:13px}.menu{display:none}.crumb{display:flex;align-items:center;gap:6px;color:#566078;font-size:9px;text-transform:uppercase;letter-spacing:1.3px}.crumb:after{content:"/";color:#31394b}.topbar h1{font-family:"Space Grotesk";margin:3px 0 0;font-size:23px;letter-spacing:-.35px}.top-actions{display:flex;align-items:center;gap:9px}.icon-btn{position:relative;width:42px;height:42px;border-radius:13px;border:1px solid var(--line);background:#0d1119;display:grid;place-items:center;text-decoration:none;color:#d7dcef;transition:.2s}.icon-btn:hover{border-color:#3b4560;transform:translateY(-2px)}.icon-btn .dot{position:absolute;right:8px;top:8px;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.top-user{display:flex;align-items:center;gap:9px;margin-left:2px;padding:4px 7px 4px 5px;border:1px solid var(--line);border-radius:15px;background:#0b0f17}.top-user .avatar{width:33px;height:33px;border-radius:10px;font-size:12px}.top-user span{font-size:11px;font-weight:700}.top-user small{display:block;color:#69748b;font-size:9px;margin-top:2px}
.flash{margin:18px 0 0;padding:12px 14px;border:1px solid var(--line);background:#0e121b;border-radius:14px;font-size:12px}.flash.ok{border-color:rgba(45,212,191,.25)}.flash.error{border-color:rgba(251,113,133,.3)}
.hero{position:relative;margin:22px 0 15px;overflow:hidden;padding:26px;border:1px solid #252d42;border-radius:26px;background:linear-gradient(135deg,rgba(24,19,46,.96),rgba(11,15,24,.95) 55%,rgba(7,13,21,.97));box-shadow:var(--shadow)}.hero:before{content:"";position:absolute;inset:auto -100px -150px auto;width:370px;height:370px;border-radius:50%;background:radial-gradient(circle,rgba(34,211,238,.19),transparent 65%);filter:blur(8px)}.hero:after{content:"";position:absolute;right:22%;top:-90px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.25),transparent 68%);filter:blur(3px)}.hero-grid{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.hero-copy{max-width:760px}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid #31394e;background:rgba(255,255,255,.035);border-radius:999px;color:#aeb6c9;font-size:9px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.hero h2{font-family:"Space Grotesk";font-size:31px;line-height:1.06;letter-spacing:-.7px;margin:13px 0 8px}.hero p{max-width:720px;margin:0;color:#8d97ad;line-height:1.65;font-size:12px}.hero-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.hero-side{min-width:240px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 16px;border:1px solid #2a3248;background:rgba(3,6,11,.27);border-radius:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.hero-side small{display:block;color:#677289;font-size:9px;text-transform:uppercase;letter-spacing:1.1px}.hero-side strong{display:block;font-family:"Space Grotesk";font-size:26px;margin-top:5px}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.kpi{position:relative;overflow:hidden;padding:17px;border-radius:20px;border:1px solid #20283a;background:linear-gradient(150deg,#10141e,#0a0d14);box-shadow:0 16px 45px rgba(0,0,0,.18);transition:.22s}.kpi:hover{transform:translateY(-4px);border-color:#343d55;box-shadow:0 22px 55px rgba(0,0,0,.27)}.kpi:before{content:"";position:absolute;right:-30px;top:-45px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.19),transparent 70%)}.kpi.cyan:before{background:radial-gradient(circle,rgba(34,211,238,.16),transparent 70%)}.kpi.green:before{background:radial-gradient(circle,rgba(45,212,191,.15),transparent 70%)}.kpi.yellow:before{background:radial-gradient(circle,rgba(248,194,79,.14),transparent 70%)}.kpi-top{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center}.kpi-title{color:#7f8aa1;font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.kpi-icon{width:37px;height:37px;border-radius:12px;display:grid;place-items:center;border:1px solid #2b3449;background:#101522;color:#d5dcf3;font-size:12px;font-weight:800}.kpi-value{position:relative;z-index:1;margin-top:15px;font-family:"Space Grotesk";font-size:27px;letter-spacing:-.6px}.kpi-foot{position:relative;z-index:1;margin-top:4px;color:#59657d;font-size:10px}.positive{color:var(--green)}
.layout-2{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.95fr);gap:14px;margin-top:14px}.panel{border:1px solid #20283a;background:linear-gradient(165deg,#0f131d,#0a0d14);border-radius:21px;box-shadow:0 18px 55px rgba(0,0,0,.2);padding:18px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-title{display:flex;align-items:center;gap:10px}.panel-title .mini-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:#111624;border:1px solid #293249;color:#d5dcf0}.panel h2{font-family:"Space Grotesk";font-size:15px;margin:0}.panel-sub{color:#68738a;font-size:10px;margin-top:3px}.mini-stat{padding:10px 12px;border:1px solid #222b3d;border-radius:13px;background:#0b0f16;text-align:right}.mini-stat small{display:block;color:#616d84;font-size:8px;text-transform:uppercase;letter-spacing:1px}.mini-stat b{display:block;font-family:"Space Grotesk";font-size:14px;margin-top:3px}
.chart{height:210px;position:relative;margin-top:6px;padding:18px 0 0}.chart-grid{position:absolute;inset:16px 0 23px;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.045) 0,rgba(255,255,255,.045) 1px,transparent 1px,transparent 33.333%)}.chart svg{position:absolute;inset:15px 0 22px;width:100%;height:calc(100% - 37px);overflow:visible}.axis{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;color:#4f5b71;font-size:8px;text-transform:uppercase;letter-spacing:.6px}.legend{display:flex;gap:12px;color:#6b768e;font-size:9px}.legend span{display:inline-flex;align-items:center;gap:5px}.legend i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--purple)}.legend i.c{background:var(--cyan)}
.table-wrap{overflow:auto;border:1px solid #1d2535;border-radius:15px}.table-wrap table{width:100%;min-width:760px;border-collapse:collapse}.table-wrap th,.table-wrap td{padding:12px 11px;border-bottom:1px solid #171d29;text-align:left;font-size:10px}.table-wrap th{background:#0d1119;color:#68738b;font-size:8px;text-transform:uppercase;letter-spacing:1px}.table-wrap tr:hover td{background:rgba(139,92,246,.025)}.table-wrap tr:last-child td{border-bottom:0}.amount{font-family:"Space Grotesk";font-weight:700;font-size:11px}.status{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;border:1px solid #273045;background:#111621;color:#9ea9bf;font-size:8px;text-transform:uppercase;letter-spacing:.6px}.status.ok{color:#82ead6;border-color:rgba(45,212,191,.22);background:rgba(45,212,191,.06)}.status.warn{color:#f4d17b;border-color:rgba(248,194,79,.2);background:rgba(248,194,79,.05)}.status.bad{color:#ff98a6;border-color:rgba(251,113,133,.2);background:rgba(251,113,133,.05)}
.activity{display:flex;flex-direction:column;gap:12px}.activity-item{display:grid;grid-template-columns:30px 1fr auto;gap:9px;align-items:start;padding:11px 0;border-bottom:1px solid #171d29}.activity-item:last-child{border-bottom:0}.activity-icon{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#111624;border:1px solid #283147;font-size:11px}.activity-item b{font-size:10px}.activity-item p{margin:3px 0 0;color:#68738a;font-size:9px;line-height:1.4}.activity-time{color:#515c72;font-size:8px;white-space:nowrap}
.section-title{font-family:"Space Grotesk";font-size:23px;margin:23px 0 4px}.section-description{margin:0 0 15px;color:#6f7a92;font-size:11px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.toolbar-left,.toolbar-right{display:flex;gap:8px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:10px 14px;border-radius:12px;border:1px solid transparent;text-decoration:none;color:#fff;font-size:10px;font-weight:800;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#5b43d9);box-shadow:0 11px 28px rgba(91,67,217,.25);transition:.2s}.btn:hover{transform:translateY(-2px);filter:brightness(1.06)}.btn.secondary{background:#111622;border-color:#293147;color:#c8d0e4;box-shadow:none}.btn.cyan{background:linear-gradient(135deg,#19b8d7,#4774ff)}.btn.danger{background:linear-gradient(135deg,#ab3752,#7e1f3d)}.btn.sm{min-height:32px;padding:8px 11px;font-size:9px}.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.quick{position:relative;display:block;padding:15px;border-radius:16px;border:1px solid #20283a;background:linear-gradient(145deg,#111622,#0b0f16);text-decoration:none;transition:.2s;overflow:hidden}.quick:hover{transform:translateY(-3px);border-color:#36425d}.quick .qicon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#121828;border:1px solid #29334a;color:#d7def3;margin-bottom:12px}.quick b{display:block;font-size:11px}.quick span{display:block;color:#657088;font-size:9px;line-height:1.5;margin-top:4px}
.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.plan-card{position:relative;overflow:hidden;padding:18px;border-radius:19px;border:1px solid #20283a;background:linear-gradient(155deg,#111520,#0a0d14);transition:.2s}.plan-card:hover{transform:translateY(-4px);border-color:#3a4662;box-shadow:0 25px 60px rgba(0,0,0,.24)}.plan-card:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--purple),var(--cyan))}.plan-brand{display:flex;align-items:center;justify-content:space-between}.operator{font-size:8px;color:#737e95;text-transform:uppercase;letter-spacing:1.4px}.plan-logo{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#111727;border:1px solid #293349;font-size:10px;font-weight:800}.plan-card h3{font-family:"Space Grotesk";margin:11px 0 2px;font-size:19px}.plan-card p{margin:0;color:#6b768d;font-size:10px}.chips{display:flex;flex-wrap:wrap;gap:5px;margin:13px 0}.chip{padding:5px 7px;border:1px solid #252f43;background:#0d121c;color:#8d98af;border-radius:999px;font-size:8px}.plan-price{display:flex;justify-content:space-between;align-items:flex-end;margin-top:17px}.plan-price strong{font-family:"Space Grotesk";font-size:25px}.plan-price small{display:block;color:#5e6980;font-size:8px;margin-bottom:3px}
.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}label{display:block;color:#8b96ad;font-size:8px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;margin:9px 0 6px}input,select,textarea{width:100%;padding:11px 12px;border-radius:12px;border:1px solid #222c40;background:#080c13;color:#eef2fa;outline:none;font:inherit;font-size:11px}input:focus,select:focus,textarea:focus{border-color:rgba(139,92,246,.55);box-shadow:0 0 0 4px rgba(139,92,246,.07)}textarea{min-height:110px;resize:vertical}.empty{padding:28px;text-align:center;color:#68738a;font-size:11px}.badge{display:inline-flex;padding:5px 8px;border-radius:999px;border:1px solid #283147;background:#111621;color:#9eabc2;font-size:8px}
.auth{min-height:100vh;display:grid;place-items:center;padding:18px;background:#05060a;position:relative;overflow:hidden}.auth:before{content:"";position:absolute;width:760px;height:760px;border-radius:50%;border:1px solid rgba(139,92,246,.08);box-shadow:0 0 0 90px rgba(139,92,246,.02),0 0 0 180px rgba(34,211,238,.015);filter:blur(.2px)}.auth-box{position:relative;width:min(930px,100%);display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;border:1px solid #222b3d;background:rgba(10,13,21,.93);border-radius:30px;box-shadow:0 35px 120px rgba(0,0,0,.62);backdrop-filter:blur(28px)}.auth-side{padding:36px;background:radial-gradient(circle at 15% 20%,rgba(139,92,246,.24),transparent 35%),radial-gradient(circle at 90% 80%,rgba(34,211,238,.16),transparent 33%),linear-gradient(145deg,#131126,#090d14 68%);border-right:1px solid #20283a}.auth-side .brand{margin-bottom:36px}.auth-side h2{font-family:"Space Grotesk";font-size:42px;line-height:.98;letter-spacing:-1px;max-width:420px;margin:0 0 14px}.auth-side p{max-width:470px;color:#8490a6;font-size:12px;line-height:1.7}.feature-list{display:grid;gap:8px;margin-top:25px}.feature{display:flex;gap:10px;align-items:center;padding:10px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.025);border-radius:13px;color:#bbc4d7;font-size:10px}.feature i{width:25px;height:25px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(139,92,246,.34),rgba(34,211,238,.09));border:1px solid #343e58;font-style:normal}.auth-form{padding:36px}.auth-form h1{font-family:"Space Grotesk";font-size:27px;margin:0 0 5px}.auth-form p{margin:0 0 16px;color:#77839a;font-size:11px;line-height:1.55}.authlinks{display:flex;justify-content:space-between;gap:8px;margin-top:14px;color:#737f97;font-size:10px}.authlinks a{color:#b9c2d6;text-decoration:none}.auth-links-bottom{margin-top:18px;padding-top:16px;border-top:1px solid #1b2231;color:#69748b;font-size:10px;text-align:center}.auth-links-bottom a{color:#c9d1e2}
@media(max-width:1180px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-2{grid-template-columns:1fr}.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.sidebar{left:8px;top:8px;bottom:8px;width:260px;transform:translateX(calc(-100% - 20px));transition:.24s}.open .sidebar{transform:translateX(0)}.main{margin-left:0;padding:0 14px 28px}.topbar{margin:0 -14px;padding:12px 14px;height:74px}.menu{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#0d1119;color:#fff;border:1px solid #232c40}.top-user{display:none}.topbar h1{font-size:18px}.hero-grid{flex-direction:column;align-items:stretch}.hero-side{min-width:0}.quick-grid,.plan-grid{grid-template-columns:1fr}.formgrid{grid-template-columns:1fr}.auth-box{grid-template-columns:1fr}.auth-side{display:none}.auth-form{padding:25px}.kpi-grid{grid-template-columns:1fr 1fr}.hero{padding:21px}.hero h2{font-size:25px}}
@media(max-width:520px){.kpi-grid{grid-template-columns:1fr}.top-actions .icon-btn:nth-child(2){display:none}.panel{padding:14px}.hero-side{width:100%}.hero-actions .btn{flex:1}.toolbar{align-items:stretch;flex-direction:column}.toolbar-left,.toolbar-right{width:100%}.toolbar .btn{flex:1}}
.rx-shell{display:flex;flex-direction:column;gap:16px;margin-top:20px}.rx-welcome{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:22px;padding:30px;border:1px solid #2a3145;border-radius:28px;overflow:hidden;background:radial-gradient(circle at 78% 35%,rgba(139,92,246,.18),transparent 26%),radial-gradient(circle at 98% 100%,rgba(34,211,238,.13),transparent 25%),linear-gradient(135deg,#151326,#0b0f18 60%,#081017);box-shadow:0 28px 90px rgba(0,0,0,.36)}.rx-welcome:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.025) 50%,transparent 70%)}.rx-welcome-copy{position:relative;z-index:2;max-width:720px}.rx-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.035);font-size:9px;font-weight:800;letter-spacing:1.7px;color:#9fa8bd}.rx-pill span{width:7px;height:7px;border-radius:50%;background:#35dfba;box-shadow:0 0 14px #35dfba}.rx-welcome h2{margin:16px 0 10px;font-family:"Space Grotesk";font-size:39px;line-height:.98;letter-spacing:-1.4px}.rx-welcome h2 em{font-style:normal;background:linear-gradient(90deg,#b89bff,#4ee6ef);-webkit-background-clip:text;background-clip:text;color:transparent}.rx-welcome p{max-width:650px;color:#8d97ad;font-size:12px;line-height:1.7;margin:0}.rx-actions{display:flex;gap:9px;margin-top:21px;flex-wrap:wrap}.rx-btn{min-height:42px;padding:11px 15px;border-radius:13px;text-decoration:none;display:inline-flex;align-items:center;gap:9px;font-size:10px;font-weight:800;border:1px solid transparent;transition:.22s}.rx-btn:hover{transform:translateY(-2px)}.rx-btn span{margin-left:4px}.rx-btn-primary{background:linear-gradient(135deg,#9a70ff,#6845dd);box-shadow:0 13px 30px rgba(110,74,219,.34)}.rx-btn-primary b{font-size:15px}.rx-btn-ghost{background:rgba(255,255,255,.035);border-color:#2a3347;color:#d8deee}.rx-wallet-card{position:relative;z-index:2;align-self:center;padding:22px;border-radius:23px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(160deg,rgba(13,18,29,.96),rgba(8,12,20,.76));box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 24px 65px rgba(0,0,0,.3);overflow:hidden}.rx-wallet-orb{position:absolute;width:200px;height:200px;right:-75px;top:-70px;border-radius:50%;background:radial-gradient(circle,rgba(34,211,238,.2),transparent 67%)}.rx-wallet-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2;color:#7b869d;font-size:9px;text-transform:uppercase;letter-spacing:1.2px}.rx-live{display:flex;align-items:center;gap:6px;font-size:8px;color:#86dcca}.rx-live i{width:6px;height:6px;border-radius:50%;background:#35dfba;box-shadow:0 0 11px #35dfba}.rx-wallet-card strong{position:relative;z-index:2;display:block;font-family:"Space Grotesk";font-size:35px;letter-spacing:-1.2px;margin-top:20px}.rx-wallet-card small{position:relative;z-index:2;display:block;margin-top:5px;color:#626e85;font-size:9px}.rx-wallet-bottom{position:relative;z-index:2;margin-top:26px;padding-top:14px;border-top:1px solid rgba(255,255,255,.06)}.rx-wallet-bottom a{color:#a6b0c7;text-decoration:none;font-size:9px}.rx-wallet-bottom span{color:#74ddea;margin-left:5px}.rx-metrics{display:grid;grid-template-columns:1.25fr repeat(3,1fr);gap:12px}.rx-metric{position:relative;min-height:118px;padding:18px;border:1px solid #222b3e;border-radius:20px;background:linear-gradient(150deg,#10141e,#0a0d14);overflow:hidden}.rx-metric:after{content:"";position:absolute;right:-35px;bottom:-45px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.11),transparent 66%)}.rx-metric-main{background:linear-gradient(145deg,rgba(25,20,50,.95),#0b0f18 75%);border-color:#342c52}.rx-metric-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#8e62f7,#5f44d6);font-weight:900;font-size:12px;float:left;margin-right:12px;box-shadow:0 8px 24px rgba(105,70,216,.25)}.rx-metric-icon.purple{background:rgba(139,92,246,.13);color:#ba9fff;border:1px solid rgba(139,92,246,.2)}.rx-metric-icon.green{background:rgba(45,212,191,.1);color:#71e5cc;border:1px solid rgba(45,212,191,.18)}.rx-metric-icon.amber{background:rgba(248,194,79,.1);color:#f5cf76;border:1px solid rgba(248,194,79,.18)}.rx-metric span{display:block;color:#6f7a90;font-size:9px;text-transform:uppercase;letter-spacing:1px;padding-top:2px}.rx-metric strong{display:block;font-family:"Space Grotesk";font-size:25px;margin-top:7px}.rx-metric small{display:block;color:#59647b;font-size:9px;margin-top:3px}.rx-grid-two{display:grid;grid-template-columns:1.35fr .8fr;gap:16px}.rx-card{border:1px solid #20293a;border-radius:22px;background:linear-gradient(160deg,#0f131d,#090c13);box-shadow:0 18px 55px rgba(0,0,0,.22);padding:20px}.rx-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.rx-overline{font-size:8px;letter-spacing:1.7px;color:#5e6a81;font-weight:800}.rx-card h3{margin:5px 0 0;font-family:"Space Grotesk";font-size:17px}.rx-card-head p{margin:5px 0 0;color:#677289;font-size:10px}.rx-head-dots{color:#48546a;letter-spacing:3px}.rx-quick-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:10px}.rx-quick{display:flex;align-items:center;gap:11px;padding:15px;border-radius:16px;border:1px solid #202a3d;background:linear-gradient(155deg,#111724,#0a0e16);text-decoration:none;min-height:92px;transition:.22s}.rx-quick:hover{transform:translateY(-3px);border-color:#39445e}.rx-quick-feature{background:linear-gradient(145deg,rgba(139,92,246,.16),rgba(19,20,35,.95));border-color:rgba(139,92,246,.22)}.rx-quick-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;background:linear-gradient(135deg,#8b5cf6,#6140da);box-shadow:0 9px 22px rgba(103,70,217,.24);font-size:14px}.rx-quick-icon.cyan{background:rgba(34,211,238,.1);border:1px solid rgba(34,211,238,.18);color:#69dff0;box-shadow:none}.rx-quick-icon.blue{background:rgba(79,124,255,.1);border:1px solid rgba(79,124,255,.18);color:#8aa5ff;box-shadow:none}.rx-quick div:nth-child(2){min-width:0}.rx-quick b{display:block;font-size:10px;white-space:nowrap}.rx-quick small{display:block;color:#657087;font-size:8px;line-height:1.45;margin-top:4px}.rx-quick>span{margin-left:auto;color:#58647b}.rx-summary-total{display:flex;justify-content:space-between;align-items:end;padding:10px 0 12px}.rx-summary-total span{color:#677289;font-size:9px}.rx-summary-total strong{font-family:"Space Grotesk";font-size:23px}.rx-progress{height:7px;border-radius:999px;background:#111723;border:1px solid #202a3b;overflow:hidden;margin-bottom:12px}.rx-progress div{height:100%;border-radius:999px;background:linear-gradient(90deg,#8b5cf6,#2dd4bf);box-shadow:0 0 18px rgba(100,91,220,.4)}.rx-summary-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-top:1px solid #181f2c;color:#8390a7;font-size:9px}.rx-summary-row b{color:#d5dced;font-family:"Space Grotesk"}.rx-summary-row i.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;background:#8b5cf6}.rx-summary-row i.dot.green{background:#2dd4bf}.rx-summary-row i.dot.amber{background:#f8c24f}.rx-link{display:inline-flex;align-items:center;gap:6px;color:#95a1b8;text-decoration:none;font-size:9px}.rx-link span{color:#62dce9}.rx-table-wrap{overflow:auto;border-radius:16px;border:1px solid #1d2637}.rx-table{width:100%;min-width:920px;border-collapse:collapse}.rx-table th{padding:12px 12px;text-align:left;background:#0d1118;color:#5f6b82;font-size:8px;letter-spacing:1.2px}.rx-table td{padding:13px 12px;border-top:1px solid #171e2b;color:#8d98ad;font-size:9px}.rx-table tbody tr:hover td{background:rgba(139,92,246,.035)}.rx-table td:first-child strong{color:#dbe2f1}.rx-client{color:#bac4d7}.rx-amount{font-family:"Space Grotesk";font-weight:800;color:#dbe1ee}.rx-status{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid #273147;border-radius:999px;font-size:8px;text-transform:uppercase;letter-spacing:.7px}.rx-status i{width:6px;height:6px;border-radius:50%;background:#9aa6bb}.rx-status.ok{color:#72dfc9;border-color:rgba(45,212,191,.18);background:rgba(45,212,191,.05)}.rx-status.ok i{background:#2dd4bf;box-shadow:0 0 9px #2dd4bf}.rx-status.warn{color:#f3cd73;border-color:rgba(248,194,79,.18);background:rgba(248,194,79,.05)}.rx-status.warn i{background:#f8c24f}.rx-status.bad{color:#ff9cab;border-color:rgba(251,113,133,.18);background:rgba(251,113,133,.05)}.rx-status.bad i{background:#fb7185}.rx-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:38px;color:#657087}.rx-empty div{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:#101522;border:1px solid #252f43;color:#8693ad}.rx-empty b{font-size:11px;color:#abb5c8}.rx-empty span{font-size:9px}@media(max-width:1100px){.rx-welcome{grid-template-columns:1fr}.rx-wallet-card{max-width:480px}.rx-metrics{grid-template-columns:repeat(2,1fr)}.rx-grid-two{grid-template-columns:1fr}.rx-quick-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.rx-welcome{padding:22px}.rx-welcome h2{font-size:31px}.rx-metrics{grid-template-columns:1fr}.rx-quick-grid{grid-template-columns:1fr}.rx-card{padding:15px}}
.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:800;color:#8e84ff}.page-head h2{margin:5px 0 6px;font-size:32px}.page-head p{margin:0;color:var(--muted)}.wallet-head-balance{min-width:190px;padding:18px 20px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:linear-gradient(145deg,rgba(124,92,255,.16),rgba(17,194,255,.07));box-shadow:0 18px 55px rgba(0,0,0,.2)}.wallet-head-balance span{display:block;color:var(--muted);font-size:12px}.wallet-head-balance strong{display:block;font-size:27px;margin-top:4px}.topup-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:20px;margin-bottom:20px}.panel{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.09);border-radius:24px;padding:24px;box-shadow:0 25px 80px rgba(0,0,0,.22);backdrop-filter:blur(16px)}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.panel-head h3{margin:5px 0 0;font-size:21px}.mini-badge{border:1px solid rgba(57,230,180,.3);background:rgba(57,230,180,.09);color:#7ff5cb;padding:8px 11px;border-radius:12px;font-size:11px;font-weight:800}.pay-box{padding:17px;border:1px solid rgba(124,92,255,.24);background:linear-gradient(135deg,rgba(124,92,255,.12),rgba(17,194,255,.07));border-radius:18px;margin-bottom:20px}.pay-label{font-size:11px;color:#a9a3ff;letter-spacing:.12em;font-weight:800;margin-bottom:6px}.pay-box strong{display:block}.pay-box small{display:block;margin-top:7px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label{font-size:12px;color:#b8b4cc;font-weight:700}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid select{display:block;width:100%;margin-top:7px;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.18);color:#fff;padding:13px 14px;border-radius:13px;outline:none}.wallet-info{padding:26px}.step{display:flex;gap:13px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.07)}.step:last-child{border:0}.step>b{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:rgba(124,92,255,.16);color:#bdb6ff;font-size:12px}.step strong{font-size:14px}.step p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.table-sub{display:block;color:var(--muted);font-size:11px;margin-top:2px}.inline-actions{display:flex;gap:6px;align-items:center}.inline-actions input{width:120px;background:rgba(0,0,0,.16);color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:9px;padding:8px;font-size:11px}.btn-sm{padding:8px 11px;border-radius:9px;font-size:11px}.empty{text-align:center;padding:45px;color:var(--muted)}
@media(max-width:900px){.topup-grid{grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.wallet-head-balance{width:100%}.inline-actions{flex-wrap:wrap}}