/* v1.21.0 — reseller portal rebuilt with the Super Admin component architecture. */
:root{--res-red:#1686fb;--res-blue:#1686fb;--res-gold:#efb43b;--res-panel:#071728;--res-line:#1b3b5b;--res-text:#f6f8fc;--res-muted:#91a5ba}
body{background:radial-gradient(circle at 88% 0,#0c2f59 0,transparent 36%),#020813}
.reseller-shell{grid-template-columns:290px 1fr;background:transparent}.reseller-shell>aside{width:290px;padding:28px 13px;background:linear-gradient(180deg,#041321,#020912);border-color:var(--res-line)}
.reseller-shell>aside .brand{margin:0 11px 28px;letter-spacing:3px}.reseller-shell>aside .brand img{width:46px;height:46px}.reseller-shell>aside .brand small{color:var(--res-gold);letter-spacing:1.4px}.reseller-shell>aside nav{gap:5px}.reseller-shell>aside nav button{min-height:48px;padding:0 14px;border-radius:9px;font-size:14px;color:#abbaca}.reseller-shell>aside nav button i{width:22px;color:#8fa7bc}.reseller-shell>aside nav button:hover,.reseller-shell>aside nav button.active{color:#fff;background:linear-gradient(90deg,#0d59c5,#104ba9);border-color:#268bfb;box-shadow:inset 0 0 18px #2589ff22,0 0 18px #0b62c533}
.reseller-shell>section{grid-column:2}.reseller-shell>section>header{height:84px;padding:0 26px 0 31px;background:#04111f99;border-color:var(--res-line);backdrop-filter:blur(9px)}.reseller-shell h1{font-size:27px}.reseller-shell header p{font-size:13px}.credit-button{height:42px;border-color:#8c6a24;border-radius:9px;background:#171406;color:#f3c65d}.bell{width:42px;height:42px;border:1px solid var(--res-line);border-radius:10px;background:#071727}.reseller-user .avatar{width:44px;height:44px;border:2px solid var(--res-gold);background:#071727;color:var(--res-gold)}.reseller-shell main{padding:20px 25px 42px;max-width:none}
.reseller-stats{gap:14px;margin-bottom:15px}.reseller-stat{min-height:124px;padding:19px 18px 17px 92px;border-color:#27445f;border-radius:12px;background:radial-gradient(circle at 82% 15%,#0c2c50 0,transparent 55%),linear-gradient(145deg,#091b2e,#06121f)}.reseller-stat:before{content:"";position:absolute;left:20px;top:23px;width:50px;height:50px;border:1px solid var(--stat-accent,var(--res-blue));border-radius:50%;box-shadow:inset 0 0 16px #1686fb22,0 0 13px #1686fb1c}.reseller-stat:after{height:3px;box-shadow:0 0 10px var(--stat-accent,var(--res-blue))}.reseller-stat strong{font-size:31px;line-height:1;margin-top:9px}.reseller-stat small{margin-top:8px;color:#52d479}
.reseller-grid{gap:14px}.reseller-panel,.reseller-card{padding:18px;border-color:#24425f;border-radius:12px;background:radial-gradient(circle at 100% 0,#0b2948 0,transparent 45%),linear-gradient(145deg,#081a2c,#06121f);box-shadow:inset 0 1px #ffffff08}.reseller-panel h2,.reseller-card h2{font-size:18px;margin-bottom:16px}.toolbar{padding:13px 16px;border-color:#24425f;border-radius:10px;background:linear-gradient(145deg,#081a2c,#06121f)}.toolbar input{min-width:325px;background:#04101d;border-color:#284965}.tablewrap{border-color:#24425f;border-radius:10px}table{background:#06131f;font-size:12px}th{height:42px;background:#091b2d;color:#91a5b9;font-weight:500}td{height:48px}th,td{border-color:#173149;padding:11px 12px}
.reseller-shell .btn{border-color:#28557d;background:#081a2b;border-radius:8px;color:#d9e7f5}.reseller-shell .btn:hover{border-color:#3798ff}.reseller-shell .btn.primary{background:linear-gradient(135deg,#1789fb,#0753bd);border-color:#3199ff}.reseller-actions .btn{min-height:72px;border-color:#1d5fa5;background:#081a2d}.reseller-actions .btn:hover{border-color:var(--res-gold)}.form-card input,.form-card select,.form-card textarea{background:#04101d;border-color:#284965;border-radius:8px}.help-card{border-color:#285d88;background:#061421;color:#bdc9d5}.api-key code{border-color:#28557d;background:#04101d}.reseller-help{border-color:#24425f;background:#071726}.reseller-help .btn{border-color:#28557d;background:#081a2b}.reseller-modal form{border-color:#315778;border-radius:15px;background:#071624}.status,.badge{border:1px solid currentColor}.impersonation-banner{left:290px}
.reseller-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.reseller-section-head h2{margin:0}.reseller-section-head p{margin:4px 0 0;color:var(--res-muted);font-size:12px}.reseller-period{padding:7px 11px;border:1px solid #28557d;border-radius:18px;color:#a9bad0;font-size:11px}
.reseller-dashboard-upper{display:grid;grid-template-columns:1.65fr .75fr;gap:14px;margin-bottom:14px}.reseller-dashboard-bottom{display:grid;grid-template-columns:1.75fr .72fr;gap:14px}.reseller-performance{min-height:285px}.reseller-chart{height:175px;display:flex;align-items:end;gap:13px;padding:12px 18px 0;border-left:1px solid #1c3c59;border-bottom:1px solid #1c3c59;background:repeating-linear-gradient(0deg,transparent 0 42px,#17334b 43px)}.reseller-chart i{height:var(--h);flex:1;border-radius:6px 6px 0 0;background:linear-gradient(180deg,#27a0ff,#0b5dc5);box-shadow:0 0 14px #1686fb33}.reseller-chart i:nth-child(3n){background:linear-gradient(180deg,#f2c24b,#a87512);box-shadow:0 0 14px #efb43b33}.reseller-chart-labels{display:grid;grid-template-columns:repeat(4,1fr);padding:9px 10px 0 33px;color:#8298ad;font-size:10px;text-align:center}
.reseller-donut{width:170px;height:170px;margin:14px auto;display:grid;place-content:center;text-align:center;border-radius:50%;background:radial-gradient(circle,#071728 0 50%,transparent 51%),conic-gradient(#1686fb 0 calc(var(--active)*1%),#efb43b 0 100%)}.reseller-donut strong{font-size:29px}.reseller-donut span{color:var(--res-muted);font-size:11px}.reseller-legend{display:flex;justify-content:center;gap:18px;color:#a7b7c8;font-size:11px}.reseller-legend i{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%}.reseller-legend .blue{background:var(--res-blue)}.reseller-legend .gold{background:var(--res-gold)}
.reseller-app-toolbar{display:flex;align-items:end;gap:10px;margin-bottom:14px;padding:13px 16px;border:1px solid #24425f;border-radius:10px;background:linear-gradient(145deg,#081a2c,#06121f)}.reseller-app-toolbar label{width:330px;margin:0;font-size:11px;color:var(--res-muted)}.reseller-app-toolbar span{flex:1}.reseller-app-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.reseller-app-card{padding:18px;border:1px solid #24425f;border-radius:12px;background:radial-gradient(circle at 100% 0,#0b2948 0,transparent 48%),linear-gradient(145deg,#081a2c,#06121f)}.reseller-app-card header{display:flex;align-items:center;gap:12px}.reseller-app-card header h2{margin:0 0 4px;font-size:18px}.reseller-app-card header p,.reseller-app-card>p{margin:0;color:var(--res-muted);font-size:12px}.reseller-app-card header .status{margin-left:auto}.reseller-app-icon{width:46px;height:46px;display:grid;place-items:center;border:1px solid #278fff;border-radius:10px;background:#09213a;color:#55abff;font-size:22px}.reseller-app-card>p{margin:16px 0;line-height:1.5}.reseller-app-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px;border:1px solid #17344e;border-radius:8px;background:#05111e}.reseller-app-facts span{color:var(--res-muted);font-size:10px}.reseller-app-facts b{display:block;margin-top:5px;color:#e9f0f7;font-size:12px}.reseller-app-card footer{display:flex;gap:9px;justify-content:flex-end;margin-top:14px}
.reseller-tabs{display:flex;gap:8px;margin-bottom:15px;border-bottom:1px solid var(--res-line)}.reseller-tabs button{padding:12px 16px;border:0;border-bottom:2px solid transparent;background:transparent;color:#aab9c8;cursor:pointer}.reseller-tabs button.active{color:#50a7ff;border-color:#188cff}.reseller-settings-grid{display:grid;grid-template-columns:1.45fr .75fr;gap:14px}.reseller-setting-row{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #19334d}.reseller-setting-row:last-child{border-bottom:0}.reseller-setting-row span{display:block}.reseller-setting-row small{display:block;margin-top:5px;color:var(--res-muted);font-size:11px}.goldtext{color:var(--res-gold)!important}
@media(max-width:1250px){.reseller-shell{grid-template-columns:240px 1fr}.reseller-shell>aside{width:240px}.impersonation-banner{left:240px}.reseller-dashboard-upper,.reseller-dashboard-bottom,.reseller-settings-grid{grid-template-columns:1fr}}
@media(max-width:900px){.reseller-app-grid{grid-template-columns:1fr}.reseller-app-facts{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.reseller-shell{display:block}.reseller-shell>aside{position:static;width:auto}.impersonation-banner{left:0}.reseller-stat{padding-left:88px}.reseller-app-toolbar{flex-wrap:wrap}.reseller-app-toolbar label{width:100%}}