:root{
 --bg:#050713;--panel:#0b1020;--panel2:#0f1730;--line:#1f2c4d;--text:#f6f8ff;--muted:#93a0bd;
 --blue:#4477ff;--cyan:#3de0ff;--green:#42e69b;--red:#ff5f76;--shadow:0 24px 80px rgba(0,0,0,.35)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% -20%,#172a69 0,transparent 32%),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}
.topbar{height:74px;display:flex;align-items:center;gap:32px;max-width:1200px;margin:auto;padding:0 22px;position:relative;z-index:5}.topbar nav{display:flex;gap:24px;margin-left:auto}.topbar nav a{color:var(--muted);font-size:14px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.2px}.brand b{color:var(--cyan)}.logo{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,var(--blue),var(--cyan));box-shadow:0 0 28px rgba(61,224,255,.2)}
.btn{border:1px solid var(--line);border-radius:12px;padding:12px 18px;color:#fff;background:#111a30;font-weight:750;display:inline-flex;justify-content:center;align-items:center}.btn.primary{background:linear-gradient(135deg,#315fff,#4ba5ff);border-color:#609dff;box-shadow:0 14px 35px rgba(49,95,255,.25)}.btn.ghost{background:rgba(255,255,255,.03)}.btn.full{width:100%}.btn:disabled{opacity:.55}
.hero{min-height:640px;max-width:1200px;margin:auto;padding:100px 22px 80px;display:grid;grid-template-columns:1.08fr .92fr;gap:64px;align-items:center}.eyebrow{color:var(--cyan);font-size:12px;font-weight:900;letter-spacing:1.7px}.hero h1{font-size:clamp(42px,5vw,70px);line-height:1.02;margin:18px 0 22px;max-width:760px}.hero p,.section-title p{color:var(--muted);font-size:18px;line-height:1.75}.hero-actions{display:flex;gap:12px;margin:32px 0}.trust{display:flex;flex-wrap:wrap;gap:18px;color:#b9c5dd;font-size:13px}.glass,.box{background:linear-gradient(145deg,rgba(19,29,56,.88),rgba(8,13,28,.82));border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(16px)}.hero-card{border-radius:26px;padding:18px;transform:perspective(900px) rotateY(-4deg)}.card-head{display:flex;justify-content:space-between;padding:8px 6px 18px;color:var(--muted);font-size:12px}.online{color:var(--green)}.dash-preview{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dash-preview div{min-height:132px;padding:20px;border-radius:18px;background:#080d1a;border:1px solid #18233d}.dash-preview small,.dash-preview span{display:block;color:var(--muted)}.dash-preview strong{display:block;font-size:23px;margin:16px 0 8px}
.section{max-width:1200px;margin:auto;padding:85px 22px}.section-title{max-width:720px;margin-bottom:34px}.section-title h2,.panel-section h2{font-size:38px;margin:10px 0}.feature-grid,.tutorial-grid,.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature,.tutorial-card,.plan{padding:26px;border:1px solid var(--line);background:rgba(13,20,39,.72);border-radius:20px}.feature i{font-style:normal;color:var(--cyan);font-size:12px}.feature h3,.tutorial-card h3,.plan h3{font-size:20px;margin:20px 0 10px}.feature p,.tutorial-card p,.plan p{color:var(--muted);line-height:1.65;font-size:14px}.tutorial-grid{grid-template-columns:repeat(3,1fr)}.tutorial-card{display:flex;gap:16px}.tutorial-icon{width:46px;height:46px;flex:0 0 46px;border-radius:14px;background:#101b36;display:grid;place-items:center;font-size:22px}.tutorial-card a{color:var(--cyan);font-weight:700;font-size:13px}.plans{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.plan{position:relative}.plan.featured{border-color:#3c75ff;box-shadow:0 20px 70px rgba(41,93,255,.16)}.plan-tag{font-size:11px;color:var(--cyan);font-weight:900}.price{display:flex;align-items:flex-start;gap:6px;margin:28px 0 8px}.price strong{font-size:42px}.credit{color:var(--muted);font-size:14px;margin-bottom:24px}.plan .btn{width:100%}
footer{max-width:1200px;margin:60px auto 0;padding:40px 22px 60px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted)}
.modal{position:fixed;inset:0;background:rgba(1,3,10,.82);display:none;place-items:center;padding:20px;z-index:20}.modal.show{display:grid}.modal-card{position:relative;width:min(460px,100%);background:#0b1122;border:1px solid #27375d;border-radius:24px;padding:30px;box-shadow:var(--shadow)}.close{position:absolute;right:18px;top:12px;border:0;background:none;color:#9aa8c5;font-size:28px}.modal-card h2{font-size:30px}.form-note{font-size:12px;color:var(--muted);line-height:1.5}
label{display:grid;gap:8px;color:#aeb9d2;font-size:13px;font-weight:700}input,textarea,select{width:100%;border:1px solid #263354;border-radius:10px;background:#080d19;color:#fff;padding:12px 13px;outline:none}input:focus,textarea:focus,select:focus{border-color:#4d84ff}.modal form,.auth-card form{display:grid;gap:16px}
.auth-body{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-shell{width:min(430px,100%);display:grid;gap:22px}.auth-shell.wide{width:min(620px,100%)}.auth-card{border-radius:24px;padding:34px}.auth-card h1{font-size:36px;margin:12px 0}.auth-card>p{color:var(--muted);line-height:1.6}.alert{border:1px solid #2a4269;background:#10213d;padding:13px 14px;border-radius:12px;margin:14px 0;color:#cfe1ff}.alert.error{border-color:#673040;background:#2a1018;color:#ffbac4}.credentials{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}.credentials div{padding:18px;border-radius:14px;background:#080d19;border:1px solid var(--line)}.credentials small{display:block;color:var(--muted);margin-bottom:8px}.credentials strong{font-size:19px;word-break:break-all}.success-mark,.pending-mark{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:#0e3a2b;color:var(--green);font-size:34px;margin-bottom:20px}.pending-mark{background:#2a2340;color:#c5adff}
.panel-body{background:#060914}.sidebar{position:fixed;left:0;top:0;bottom:0;width:250px;padding:24px 18px;background:#080d19;border-right:1px solid var(--line);display:flex;flex-direction:column}.side-user{display:grid;gap:5px;margin:36px 0;padding:14px;border-radius:14px;background:#0c1427}.side-user small,.side-user span{color:var(--muted);font-size:11px}.side-nav{display:grid;gap:6px}.side-nav a{padding:11px 12px;border-radius:10px;color:#aeb9d0}.side-nav a:hover{background:#101a31;color:#fff}.sidebar form{margin-top:auto}.panel-main{margin-left:250px;padding:34px;max-width:1550px}.panel-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.panel-top h1{margin:6px 0}.balance{padding:12px 16px;border:1px solid var(--line);border-radius:12px;color:var(--muted)}.balance strong{color:var(--cyan);font-size:20px;margin-left:8px}.panel-section{padding:24px 0 50px}.panel-section h2{font-size:30px}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.stats div{padding:20px;border:1px solid var(--line);border-radius:16px;background:#0b1120}.stats small{display:block;color:var(--muted);font-size:10px;letter-spacing:1px}.stats strong{display:block;font-size:30px;margin-top:12px}.split{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);gap:18px}.box{border-radius:18px;padding:20px;box-shadow:none}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid h3,.form-grid .span2{grid-column:1/-1}.form-grid button{align-self:end}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:700px}th,td{text-align:left;padding:12px;border-bottom:1px solid #19233b;font-size:13px}th{font-size:10px;color:#7f8ca8;letter-spacing:.8px}td small{display:block;color:var(--muted);margin-top:4px}.status{display:inline-flex;padding:5px 8px;border-radius:999px;background:#18233a;color:#b5c0d8;font-size:11px}.status.active,.status.available,.status.paid{background:#0c3528;color:#78f0b7}.status.suspended,.status.blocked,.status.failed{background:#3b1720;color:#ff9aaa}.status.assigned,.status.pending{background:#392d12;color:#ffd57e}.actions{display:flex;gap:6px;align-items:center}.actions button,td button,.link-danger{border:1px solid #293654;background:#0b1325;color:#c8d3eb;border-radius:8px;padding:7px 9px}.actions select,.actions input{padding:7px 9px;min-width:90px}.mini{width:60px!important}.danger,.link-danger{color:#ff96a7!important;border-color:#57303a!important}.link-danger{margin-top:8px;background:transparent}.empty{text-align:center;color:var(--muted);padding:28px}
@media(max-width:980px){.topbar nav{display:none}.hero{grid-template-columns:1fr;padding-top:60px}.hero-card{transform:none}.feature-grid{grid-template-columns:1fr 1fr}.tutorial-grid{grid-template-columns:1fr}.sidebar{position:static;width:auto;height:auto}.side-nav{grid-template-columns:repeat(3,1fr)}.sidebar form{margin-top:18px}.panel-main{margin:0;padding:18px}.stats{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}}
@media(max-width:620px){.hero{padding-top:40px}.hero h1{font-size:42px}.hero-actions{flex-direction:column}.trust{display:grid}.feature-grid{grid-template-columns:1fr}.dash-preview{grid-template-columns:1fr}.topbar{padding:0 14px}.topbar>.btn{padding:10px}.section{padding:60px 16px}.section-title h2{font-size:32px}.credentials{grid-template-columns:1fr}.side-nav{grid-template-columns:1fr 1fr}.panel-top{align-items:flex-start}.balance{font-size:11px}.stats{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.form-grid .span2,.form-grid h3{grid-column:1}.panel-section h2{font-size:26px}}

.sales-hero{grid-template-columns:1.05fr .95fr}
.offer-card{border-radius:28px;padding:34px;text-align:center;max-width:430px;justify-self:end;width:100%}
.offer-kicker{display:inline-flex;padding:7px 11px;border-radius:999px;background:#101d3c;border:1px solid #27447d;color:var(--cyan);font-size:11px;font-weight:900;letter-spacing:1.2px}
.offer-number{font-size:104px;line-height:.9;font-weight:950;letter-spacing:-6px;margin:34px 0 12px;background:linear-gradient(180deg,#fff,#72dfff);-webkit-background-clip:text;background-clip:text;color:transparent}
.offer-card h2{font-size:30px;margin:0 0 10px}.offer-card p{color:var(--muted);margin:0 0 28px}
.offer-price{display:flex;align-items:flex-start;justify-content:center;gap:7px;margin:10px 0 28px}.offer-price small{font-size:18px;margin-top:9px;color:#aeb9d2}.offer-price strong{font-size:48px}
.plan .credit strong{color:#fff;font-size:20px;margin-right:4px}
@media(max-width:980px){.sales-hero{grid-template-columns:1fr}.offer-card{justify-self:stretch;max-width:none}}

.claim-box{display:grid;grid-template-columns:1fr 150px auto;gap:16px;align-items:end;margin-bottom:18px}
.claim-box h3{margin:7px 0}.muted{color:var(--muted);margin:0;font-size:13px}
@media(max-width:700px){.claim-box{grid-template-columns:1fr}.claim-box button{width:100%}}

.brand-img{width:38px;height:38px;object-fit:cover;border-radius:11px;border:1px solid rgba(255,255,255,.12)}
.plan-qty{display:flex;align-items:end;gap:8px;margin:24px 0 6px}.plan-qty strong{font-size:52px;line-height:.9}.plan-qty span{color:var(--muted);padding-bottom:4px}.price em{font-style:normal;color:var(--muted);font-size:12px;align-self:flex-end;margin-bottom:10px}
.side-nav a.active{background:linear-gradient(135deg,#182b59,#10203d);color:#fff;border:1px solid #29487e}.side-separator{font-size:9px;color:#66738f;letter-spacing:1.4px;margin:20px 12px 6px}.subscription-pill{display:block;padding:11px 12px;border-radius:11px;margin-top:auto;margin-bottom:12px;background:#10243b;border:1px solid #245073;color:#9adfff;font-size:12px}.subscription-pill.suspended{background:#36151d;border-color:#642837;color:#ff9dad}
.welcome-box{margin-top:20px;padding:28px;border-radius:18px;background:linear-gradient(135deg,#0d1730,#0a1020);border:1px solid var(--line)}.welcome-box h2{margin:0 0 8px}.welcome-box p{color:var(--muted);margin:0;line-height:1.7}
.locked{font-size:11px;color:#7e8aa4}.plan-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:16px;margin-top:18px}.plan-editor{display:grid;gap:13px}.editor-head{display:flex;justify-content:space-between;align-items:center}.branding-preview{text-align:center;display:grid;place-items:center;align-content:center;min-height:320px}.branding-preview img{width:96px;height:96px;object-fit:cover;border-radius:24px;margin-bottom:16px}.branding-preview p,.branding-preview small{color:var(--muted)}
.finance-stats{grid-template-columns:repeat(3,1fr)}.finance-grid{display:grid;gap:18px;margin-top:18px}.status.sold{background:#0c3528;color:#78f0b7}.status.reserved{background:#392d12;color:#ffd57e}.status.suspended{background:#3b1720;color:#ff9aaa}
.billing-shell{width:min(980px,100%);display:grid;gap:18px}.billing-head{display:flex;justify-content:space-between;align-items:center}.billing-card{max-width:720px}.billing-info{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.billing-info div,.delivery-box{padding:18px;border-radius:14px;background:#080d19;border:1px solid var(--line)}.billing-info small,.delivery-box small{display:block;color:var(--muted);margin-bottom:8px}.billing-info strong{font-size:18px}.delivery-box{margin:22px 0}.delivery-box strong{font-size:42px;color:var(--cyan)}.renew-form{display:grid;gap:14px;margin:22px 0}
@media(max-width:1100px){.plan-admin-grid{grid-template-columns:1fr 1fr}.finance-stats{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.plan-admin-grid{grid-template-columns:1fr}.billing-info{grid-template-columns:1fr}.finance-stats{grid-template-columns:1fr 1fr}}


/* ===== UNITV V1.1.1 UI FIXES ===== */
html,body{max-width:100%;overflow-x:hidden}
img{max-width:100%;height:auto}
.brand{min-width:0;gap:9px;font-size:14px;white-space:nowrap}
.brand span:last-child{overflow:hidden;text-overflow:ellipsis}
.brand-img{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  max-width:30px!important;
  max-height:30px!important;
  border-radius:8px!important;
  object-fit:cover!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:none!important
}
.topbar{height:64px}
.topbar .brand-img{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;max-width:28px!important;max-height:28px!important}
.sidebar .brand-img{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;max-width:30px!important;max-height:30px!important}
.auth-shell>.brand .brand-img,.billing-head .brand-img{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;max-width:30px!important;max-height:30px!important}

/* Cards / frames */
.glass,.box,.feature,.tutorial-card,.plan,.welcome-box,.modal-card,.auth-card{
  border-radius:16px!important;
  border:1px solid rgba(117,148,210,.22)!important;
  box-shadow:0 14px 38px rgba(0,0,0,.22)!important
}
.feature,.tutorial-card,.plan,.box{overflow:hidden}
.tutorial-card{align-items:flex-start}
.tutorial-icon{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  max-width:40px!important;
  max-height:40px!important;
  border-radius:10px!important;
  font-size:18px!important;
  overflow:hidden
}
.plan{min-width:0}
.plan h3,.tutorial-card h3,.feature h3{overflow-wrap:anywhere}
.plan-editor input,.plan-editor textarea,.plan-editor select{min-width:0}
.form-grid>*{min-width:0}

/* Sidebar */
.sidebar{width:232px!important;padding:20px 14px!important}
.panel-main{margin-left:232px!important;padding:28px!important;min-width:0}
.side-user{margin:28px 0 20px!important;padding:12px!important}
.side-nav{gap:5px!important}
.side-nav a{
  min-height:42px;
  display:flex!important;
  align-items:center!important;
  padding:10px 12px!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis
}
.side-nav a.active{border-color:#29487e!important}
.side-separator{margin:18px 12px 6px!important}

/* Tables */
.table-wrap{width:100%;max-width:100%;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
table{width:100%;min-width:760px}
th,td{vertical-align:middle}
td form{margin:0}

/* Buttons / controls */
.btn,td button,.actions button,.link-danger{
  min-height:38px;
  border-radius:9px!important
}
input,textarea,select{border-radius:9px!important}
select{max-width:100%}

/* Offer / hero */
.offer-card{max-width:380px!important}
.offer-number{font-size:84px!important;letter-spacing:-4px!important}
.hero-card{transform:none!important}

/* Branding preview is allowed to be larger, but bounded */
.branding-preview img{
  width:76px!important;
  height:76px!important;
  min-width:76px!important;
  min-height:76px!important;
  max-width:76px!important;
  max-height:76px!important;
  border-radius:18px!important;
  object-fit:cover!important
}

/* Stats */
.stats{align-items:stretch}
.stats>div{min-width:0}
.stats strong{overflow-wrap:anywhere}

/* Mobile */
@media(max-width:980px){
  .sidebar{position:static!important;width:auto!important;max-width:none!important}
  .panel-main{margin-left:0!important;padding:18px!important}
  .side-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .side-nav a{white-space:normal!important}
}
@media(max-width:620px){
  .topbar{height:58px!important;padding:0 12px!important}
  .topbar .brand span:last-child{max-width:145px}
  .topbar>.btn{padding:9px 11px!important;font-size:12px}
  .hero{padding-left:14px!important;padding-right:14px!important}
  .section{padding-left:14px!important;padding-right:14px!important}
  .offer-number{font-size:72px!important}
  .panel-main{padding:14px!important}
  .panel-top{gap:10px}
  .balance{padding:9px 10px!important}
  .stats{grid-template-columns:1fr 1fr!important}
  .plan-admin-grid{grid-template-columns:1fr!important}
}


/* ===== UNITV V1.1.2 ROBUST UI ===== */
:root{
  --sidebar:268px;
  --panel-bg:#060913;
  --panel-surface:#0a1120;
  --panel-surface-2:#0d172a;
  --panel-border:rgba(112,143,204,.18);
  --panel-border-strong:rgba(82,132,235,.36);
  --panel-blue:#4f7cff;
  --panel-cyan:#55dfff;
}
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
svg{display:block}
.icon-button{border:0;background:transparent;color:inherit;padding:0;display:grid;place-items:center}
.icon-button svg{width:22px;height:22px;fill:currentColor}
.btn-icon{width:17px;height:17px;fill:currentColor;margin-right:8px}
.btn{transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:translateY(0)}

/* Public */
.sales-hero-clean{display:block!important;min-height:560px;padding-top:120px;padding-bottom:95px}
.hero-copy-wide{max-width:880px}
.hero-copy-wide h1{max-width:850px}
.trust-icons span{display:inline-flex;align-items:center;gap:7px}
.trust-icons svg{width:16px;height:16px;fill:var(--cyan)}
.robust-features .feature{position:relative;padding:24px;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.robust-features .feature:hover{transform:translateY(-3px);border-color:rgba(85,223,255,.32)!important;background:rgba(16,27,51,.78)}
.feature-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#13264b,#0b1730);border:1px solid #244675;margin-bottom:20px}
.feature-icon svg{width:21px;height:21px;fill:var(--cyan)}
.robust-features .feature h3{margin:0 0 10px}
.plans-public{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.plan-public-card{display:flex;flex-direction:column;padding:26px!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.plan-public-card:hover{transform:translateY(-4px);border-color:rgba(79,124,255,.45)!important}
.plan-public-card.featured{border-color:rgba(79,124,255,.6)!important;box-shadow:0 22px 70px rgba(49,95,255,.16)!important}
.plan-public-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.plan-recommended{font-size:9px;letter-spacing:1px;color:#cfe1ff;background:#152a55;border:1px solid #2e579e;padding:6px 8px;border-radius:999px;font-weight:900}
.plan-public-card h3{margin:20px 0 9px;font-size:22px}
.plan-public-card>p{min-height:68px}
.plan-main-number{display:flex;align-items:flex-end;gap:9px;margin:23px 0 18px}
.plan-main-number strong{font-size:58px;line-height:.85;letter-spacing:-2px}
.plan-main-number span{color:var(--muted);padding-bottom:5px;font-weight:700}
.plan-divider{height:1px;background:var(--panel-border);margin-bottom:18px}
.price-public{margin:0 0 18px}
.price-public strong{font-size:38px}
.plan-benefits{display:grid;gap:10px;padding:0;margin:0 0 23px;list-style:none;color:#b9c6df;font-size:13px}
.plan-benefits li{display:flex;align-items:center;gap:8px}
.plan-benefits svg{width:15px;height:15px;fill:var(--green);flex:0 0 auto}
.plan-public-card .buy{margin-top:auto;width:100%}
.robust-icon{display:grid!important;place-items:center!important}
.robust-icon svg{width:19px;height:19px;fill:var(--cyan)}
.close.icon-button{width:36px;height:36px;border-radius:10px;right:14px;top:14px;background:#101a2c;border:1px solid var(--panel-border)}
.modal-open{overflow:hidden}

/* Panel core */
.panel-body{background:var(--panel-bg)!important;min-height:100vh}
.sidebar{
  position:fixed!important;z-index:60;left:0;top:0;bottom:0;
  width:var(--sidebar)!important;
  padding:18px 14px!important;
  display:flex!important;flex-direction:column!important;
  background:linear-gradient(180deg,#080e1b 0%,#070c17 100%)!important;
  border-right:1px solid var(--panel-border)!important;
  box-shadow:18px 0 55px rgba(0,0,0,.18);
  overflow-y:auto;overflow-x:hidden;
  transition:transform .22s ease
}
.sidebar-head{height:46px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.sidebar-brand{min-width:0;font-weight:850}
.sidebar-brand span{max-width:178px}
.sidebar-close{display:none!important;color:#9cadcb}
.side-user{
  display:flex!important;align-items:center!important;gap:11px!important;
  padding:13px!important;margin:24px 0 16px!important;
  border:1px solid var(--panel-border)!important;
  background:linear-gradient(145deg,#0d1729,#0a1120)!important;
  border-radius:14px!important
}
.user-avatar{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(145deg,#315fff,#37cfee);font-size:16px;font-weight:900;color:#fff}
.user-copy{min-width:0;display:grid;gap:2px}
.user-copy small{font-size:9px;color:#6f7f9e;letter-spacing:1px;font-weight:800}
.user-copy strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.user-copy span{font-size:11px;color:#8492ae;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.side-separator{padding:0 10px;margin:8px 0 7px!important;font-size:9px!important;letter-spacing:1.35px!important;color:#5f6d88!important;font-weight:900}
.nav-group-label{margin-top:18px!important}
.side-nav{display:grid!important;grid-template-columns:1fr!important;gap:5px!important}
.side-nav a{
  position:relative;display:flex!important;align-items:center!important;gap:11px!important;
  min-height:44px!important;padding:10px 11px!important;
  border-radius:11px!important;border:1px solid transparent!important;
  color:#8f9db9!important;font-size:13px;font-weight:700;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease
}
.side-nav a:hover{background:#0f192b!important;color:#dbe6ff!important;transform:translateX(2px)}
.side-nav a.active{
  background:linear-gradient(135deg,rgba(49,95,255,.20),rgba(49,157,255,.09))!important;
  border-color:rgba(68,119,255,.36)!important;color:#fff!important
}
.side-nav a.active:before{content:"";position:absolute;left:-15px;top:10px;bottom:10px;width:3px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,var(--blue),var(--cyan))}
.nav-icon{width:18px;height:18px;fill:currentColor;flex:0 0 18px}
.sidebar-bottom{display:grid;gap:10px;margin-top:auto;padding-top:18px}
.subscription-pill{margin:0!important;display:flex!important;align-items:center;gap:10px!important;padding:11px 12px!important}
.subscription-pill>svg{width:18px;height:18px;fill:currentColor;flex:0 0 auto}
.subscription-pill span{display:grid;gap:1px}
.subscription-pill small{font-size:8px;letter-spacing:1px}
.subscription-pill strong{font-size:12px}
.side-logout{width:100%;background:#0b1322!important;border:1px solid var(--panel-border)!important;color:#9dabc6!important;display:flex!important;gap:9px!important}
.side-logout svg{width:17px;height:17px;fill:currentColor}

.panel-main{margin-left:var(--sidebar)!important;padding:0 30px 34px!important;max-width:none!important;min-height:100vh}
.panel-top-sticky{
  position:sticky;top:0;z-index:35;height:86px;margin:0 -30px 0!important;padding:0 30px!important;
  display:flex!important;align-items:center!important;
  background:rgba(6,9,19,.86);backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(112,143,204,.10)
}
.panel-title-wrap{display:flex;align-items:center;gap:13px}
.panel-title-wrap h1{font-size:27px!important;margin:4px 0 0!important}
.mobile-menu-btn{display:none!important;width:40px;height:40px;border-radius:11px;background:#0d1728;border:1px solid var(--panel-border);color:#c7d5ef}
.panel-user-mini{margin-left:auto;text-align:right;display:grid;gap:2px}
.panel-user-mini span{font-size:9px;letter-spacing:1px;color:#697895;font-weight:800}
.panel-user-mini strong{font-size:12px;color:#cbd8ef}
.panel-section-first{padding-top:28px!important}
.panel-section{animation:panelFade .18s ease both}
@keyframes panelFade{from{opacity:.45;transform:translateY(3px)}to{opacity:1;transform:none}}

/* Modern stats */
.stats-modern{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:13px!important}
.stat-card{
  min-height:96px;padding:18px!important;display:flex;align-items:center;gap:14px;
  border:1px solid var(--panel-border)!important;border-radius:15px!important;
  background:linear-gradient(145deg,#0b1323,#0a101d)!important
}
.stat-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex:0 0 auto;background:#101e38;border:1px solid #1f3b69}
.stat-icon svg{width:20px;height:20px;fill:var(--panel-cyan)}
.stat-card>div{min-width:0}
.stat-card small{display:block;color:#6f7e9a;font-size:9px;letter-spacing:1px;font-weight:850}
.stat-card strong{display:block;margin-top:7px;font-size:23px!important;line-height:1.1}
.dashboard-banner{display:flex;align-items:center;gap:18px!important;margin-top:14px!important;padding:23px!important}
.banner-icon{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#112955,#0b1a37);border:1px solid #274e8e;flex:0 0 auto}
.banner-icon svg{width:25px;height:25px;fill:var(--cyan)}
.dashboard-banner h2{font-size:22px!important}

/* Modules / data cards */
.module-grid{display:grid;gap:14px;margin-bottom:14px}
.module-grid-code{grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr)}
.form-card{padding:20px!important}
.form-card-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.form-card-head h3{font-size:19px;margin:3px 0 0}
.module-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#101f3b;border:1px solid #244777;flex:0 0 auto}
.module-icon svg{width:19px;height:19px;fill:var(--cyan)}
.stock-info{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:24px!important}
.stock-info h3{margin:8px 0}
.stock-info p{color:var(--muted);line-height:1.65;font-size:13px;margin:0}
.data-card{padding:0!important}
.data-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;border-bottom:1px solid var(--panel-border)}
.data-card-head h3{margin:4px 0 0;font-size:18px}
.record-count{font-size:10px;color:#7f8eaa;border:1px solid var(--panel-border);border-radius:999px;padding:6px 9px;white-space:nowrap}
.code-value{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#e8efff}
.table-actions{min-width:190px}
.table-button{white-space:nowrap}
.split-modern{grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr)!important}
.file-field input[type=file]{padding:9px;background:#0a1221}
.file-field span{font-size:10px;color:#6f7d97;font-weight:500}
.tutorial-panel-grid{margin-top:14px}
.tutorial-admin-card{transition:transform .16s ease,border-color .16s ease}
.tutorial-admin-card:hover{transform:translateY(-2px);border-color:rgba(85,223,255,.28)!important}
.tutorial-card-copy{min-width:0}
.tutorial-actions{display:flex;align-items:center;gap:14px;margin-top:10px}
.tutorial-actions form{margin:0}
.text-button{border:0;background:transparent;padding:0;font-size:12px}
.danger-text{color:#ff91a2}

/* Plans manager */
.plans-admin-section{max-width:1500px}
.plans-admin-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:14px}
.summary-card{display:flex;align-items:center;gap:13px;padding:16px 18px;background:linear-gradient(145deg,#0b1323,#09101c);border:1px solid var(--panel-border);border-radius:15px}
.summary-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:#101f3b;border:1px solid #234574}
.summary-icon svg{width:19px;height:19px;fill:var(--cyan)}
.summary-card small{display:block;font-size:9px;letter-spacing:1px;color:#6d7b97;font-weight:850}
.summary-card strong{display:block;font-size:21px;margin-top:5px}
.create-plan-box{padding:0!important;margin-bottom:15px;overflow:hidden}
.create-plan-box>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:15px 18px;transition:background .15s ease}
.create-plan-box>summary::-webkit-details-marker{display:none}
.create-plan-box>summary:hover{background:#0d1728}
.summary-left{display:flex;align-items:center;gap:11px}
.summary-left>span:last-child{display:grid}
.summary-left small{font-size:9px;color:#71809c;letter-spacing:1px}
.summary-left strong{font-size:14px;margin-top:2px}
.summary-action{font-size:11px;color:#86aaff}
.create-plan-form{padding:19px;border-top:1px solid var(--panel-border)}
.plan-manager-grid{grid-template-columns:repeat(3,minmax(285px,1fr))!important;gap:14px!important;margin-top:0!important}
.plan-manager-card{
  position:relative;padding:20px;border-radius:17px;
  background:linear-gradient(160deg,#0b1322,#080e19);
  border:1px solid var(--panel-border);
  box-shadow:0 16px 44px rgba(0,0,0,.18);
  min-width:0;transition:transform .17s ease,border-color .17s ease
}
.plan-manager-card:hover{transform:translateY(-2px);border-color:rgba(76,128,237,.34)}
.plan-manager-card.is-inactive{opacity:.68}
.plan-manager-top{display:flex;align-items:center;justify-content:space-between}
.plan-manager-top>div{display:flex;gap:7px;align-items:center}
.plan-cycle{font-size:9px;letter-spacing:1px;color:#71819f;border:1px solid var(--panel-border);border-radius:999px;padding:5px 7px;font-weight:850}
.plan-card-icon{width:22px;height:22px;fill:#557dca}
.plan-manager-name{margin-top:20px}
.plan-manager-name>small{color:#657592;font-size:10px}
.plan-manager-name h3{font-size:21px;margin:5px 0 8px}
.plan-manager-name p{color:#8794ae;font-size:12px;line-height:1.55;margin:0;min-height:56px}
.plan-manager-numbers{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:18px 0}
.plan-manager-numbers>div{padding:12px;border-radius:12px;background:#0c1628;border:1px solid rgba(112,143,204,.13)}
.plan-manager-numbers small{display:block;font-size:8px;color:#65748e;letter-spacing:.9px;font-weight:850}
.plan-manager-numbers strong{display:block;font-size:17px;margin-top:5px}
.plan-edit-details{border-top:1px solid var(--panel-border);padding-top:10px;margin-top:3px}
.plan-edit-details>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:9px 0;color:#9fb9ed;font-size:12px;font-weight:750}
.plan-edit-details>summary::-webkit-details-marker{display:none}
.plan-edit-details>summary svg{width:16px;height:16px;fill:currentColor}
.plan-manage-form{display:grid;gap:11px;padding:10px 0 3px}
.plan-manage-form label{font-size:11px}
.form-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.plan-toggle{width:100%;margin-top:10px;background:transparent!important}
.toggle-off{border-color:#58303a!important;color:#e9a0ab!important}
.toggle-on{border-color:#245b49!important;color:#7fe1b5!important}

/* Finance */
.finance-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.finance-grid{gap:14px!important}

/* Branding */
.branding-preview-modern{min-height:360px!important}
.brand-preview-frame{width:92px;height:92px;border-radius:22px;display:grid;place-items:center;background:#0b1628;border:1px solid #254778;margin-bottom:16px}
.brand-preview-frame img{width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important;max-width:58px!important;max-height:58px!important;border-radius:14px!important}

/* Overlay / responsive */
.sidebar-overlay{display:none;position:fixed;z-index:55;inset:0;background:rgba(2,5,12,.66);backdrop-filter:blur(2px)}
@media(max-width:1180px){
  .plan-manager-grid{grid-template-columns:repeat(2,minmax(280px,1fr))!important}
  .plans-public{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:980px){
  .sidebar{
    position:fixed!important;width:min(292px,86vw)!important;max-width:none!important;
    transform:translateX(-105%);box-shadow:24px 0 80px rgba(0,0,0,.45)
  }
  .sidebar-close{display:grid!important;width:36px;height:36px;border-radius:10px;background:#0e1727;border:1px solid var(--panel-border)}
  body.sidebar-open .sidebar{transform:translateX(0)}
  body.sidebar-open .sidebar-overlay{display:block}
  body.sidebar-open{overflow:hidden}
  .panel-main{margin-left:0!important;padding:0 18px 28px!important}
  .panel-top-sticky{margin:0 -18px!important;padding:0 18px!important;height:78px}
  .mobile-menu-btn{display:grid!important}
  .side-nav{grid-template-columns:1fr!important}
  .module-grid-code,.split-modern{grid-template-columns:1fr!important}
  .plans-admin-summary{grid-template-columns:repeat(3,minmax(0,1fr))}
  .plans-public{grid-template-columns:1fr!important}
  .sales-hero-clean{min-height:auto;padding-top:90px;padding-bottom:70px}
}
@media(max-width:700px){
  .stats-modern,.finance-stats{grid-template-columns:1fr 1fr!important}
  .plans-admin-summary{grid-template-columns:1fr!important}
  .plan-manager-grid{grid-template-columns:1fr!important}
  .panel-user-mini{display:none}
  .panel-title-wrap h1{font-size:23px!important}
  .dashboard-banner{align-items:flex-start}
  .banner-icon{width:46px;height:46px;flex-basis:46px}
  .form-two{grid-template-columns:1fr}
  .data-card-head{align-items:flex-start}
}
@media(max-width:520px){
  .stats-modern,.finance-stats{grid-template-columns:1fr!important}
  .panel-main{padding:0 12px 24px!important}
  .panel-top-sticky{margin:0 -12px!important;padding:0 12px!important}
  .panel-section-first{padding-top:18px!important}
  .stat-card{min-height:84px}
  .plan-main-number strong{font-size:50px}
  .feature-grid.robust-features{grid-template-columns:1fr!important}
}

.result-icon{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;margin-bottom:20px;border:1px solid var(--panel-border)}
.result-icon svg{width:27px;height:27px;fill:currentColor}
.result-success{background:#0c3025;color:#62e5a8;border-color:#1f654d}
.result-pending{background:#2d2614;color:#ffd36a;border-color:#665425}
.result-error{background:#32151d;color:#ff8fa1;border-color:#68303e}


/* ===== UNITV V1.1.3 — OVERVIEW + DELETE MANAGEMENT ===== */
.overview-section{max-width:1500px}
.overview-hero-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.75fr);gap:15px}
.overview-primary{
  position:relative;overflow:hidden;padding:28px;border-radius:20px;
  background:
    radial-gradient(circle at 90% 10%,rgba(61,130,255,.18),transparent 34%),
    linear-gradient(145deg,#0d1830,#09111f);
  border:1px solid rgba(100,140,215,.24);
  box-shadow:0 20px 55px rgba(0,0,0,.20)
}
.overview-primary:after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(70,126,227,.10);border-radius:50%;right:-90px;bottom:-120px}
.overview-primary-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;position:relative;z-index:1}
.overview-primary h2{font-size:clamp(34px,4vw,52px);margin:8px 0 5px;letter-spacing:-1.8px}
.overview-primary p{margin:0;color:#8190aa;font-size:13px}
.overview-primary-icon{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;background:#122548;border:1px solid #28508d;flex:0 0 54px}
.overview-primary-icon svg{width:24px;height:24px;fill:#6adfff}
.overview-inline-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px;position:relative;z-index:1}
.overview-inline-metrics>div{padding:13px 14px;border-radius:12px;background:rgba(5,12,24,.52);border:1px solid rgba(110,143,200,.13)}
.overview-inline-metrics span{display:block;color:#6e7d98;font-size:9px;letter-spacing:.65px;text-transform:uppercase;font-weight:800}
.overview-inline-metrics strong{display:block;font-size:16px;margin-top:6px}

.overview-stock-card{padding:23px;border-radius:20px;background:linear-gradient(150deg,#0b1424,#080f1b);border:1px solid rgba(100,140,215,.22);box-shadow:0 20px 55px rgba(0,0,0,.17)}
.overview-card-title{display:flex;align-items:center;gap:11px}.overview-card-title h3{margin:3px 0 0;font-size:16px}
.stock-main{display:flex;align-items:baseline;gap:8px;margin:27px 0 13px}.stock-main strong{font-size:43px;letter-spacing:-1.5px}.stock-main span{color:#7d8ba5;font-size:12px}
.overview-progress{height:7px;background:#111c2e;border-radius:999px;overflow:hidden}.overview-progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#3f76ff,#58ddff)}
.stock-foot{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:17px}.stock-foot span{font-size:9px;color:#6e7c96}.stock-foot b{display:block;color:#dce7fa;font-size:14px;margin-bottom:2px}

.overview-kpi-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:15px;border:1px solid rgba(100,140,215,.18);border-radius:16px;background:#09111f;overflow:hidden}
.overview-kpi{display:flex;align-items:center;gap:12px;padding:16px 18px;border-right:1px solid rgba(100,140,215,.13)}
.overview-kpi:last-child{border-right:0}.overview-kpi>svg{width:19px;height:19px;fill:#5ea6e8;flex:0 0 19px}
.overview-kpi span{min-width:0}.overview-kpi small{display:block;color:#697893;font-size:8px;letter-spacing:.8px;font-weight:850}.overview-kpi strong{display:block;font-size:19px;margin-top:3px}

.overview-lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}
.overview-activity{padding:0!important;overflow:hidden}
.overview-activity .data-card-head{padding:17px 19px;border-bottom:1px solid rgba(100,140,215,.13)}
.small-link{font-size:10px;color:#86b4ff;font-weight:750}
.activity-list{display:grid}
.activity-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:11px;align-items:center;padding:12px 18px;border-bottom:1px solid rgba(100,140,215,.09)}
.activity-row:last-child{border-bottom:0}.activity-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#101d31;color:#70a5e7}
.activity-icon svg{width:16px;height:16px;fill:currentColor}.activity-icon.paid{background:#0d3026;color:#66dbaa}.activity-icon.failed{background:#32171d;color:#f28b9a}.activity-icon.pending{background:#322813;color:#eac86d}
.activity-copy{display:grid;min-width:0}.activity-copy strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-copy span{font-size:10px;color:#71809b;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.activity-value{text-align:right;display:grid;justify-items:end;gap:4px}.activity-value strong{font-size:12px}.activity-value small{font-size:9px;color:#6d7b95}
.empty-soft{padding:26px 19px;color:#73809a;font-size:12px;text-align:center}
.reseller-overview{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:15px}.reseller-primary{min-height:260px}

.row-actions,.plan-footer-actions{display:flex;align-items:center;gap:7px}.row-actions form,.plan-footer-actions form,.inline-delete-form{margin:0}
.icon-danger-button{width:34px;height:34px;min-width:34px;border-radius:9px;border:1px solid #5b2b36;background:#231218;color:#ff8fa1;display:inline-grid;place-items:center;padding:0}
.icon-danger-button svg{width:15px;height:15px;fill:currentColor}.icon-danger-button:hover{background:#351720;border-color:#7b3544}
.inline-delete-form{display:inline-flex;margin-left:5px}
.plan-footer-actions{margin-top:10px}.plan-footer-actions>form{flex:1}.plan-footer-actions .btn{width:100%;margin:0!important}
.delete-plan-button{background:#211218!important;border-color:#542a35!important;color:#ff98a8!important}
.delete-plan-button:hover{background:#321720!important}
.table-actions{display:inline-flex}

@media(max-width:1050px){
  .overview-hero-grid,.overview-lower-grid,.reseller-overview{grid-template-columns:1fr}
}
@media(max-width:760px){
  .overview-kpi-strip{grid-template-columns:1fr 1fr}
  .overview-kpi:nth-child(2){border-right:0}.overview-kpi:nth-child(-n+2){border-bottom:1px solid rgba(100,140,215,.13)}
  .overview-inline-metrics{grid-template-columns:1fr 1fr}.overview-inline-metrics>div:last-child{grid-column:1/-1}
}
@media(max-width:520px){
  .overview-primary,.overview-stock-card{padding:19px}
  .overview-primary-icon{width:46px;height:46px;flex-basis:46px}
  .overview-inline-metrics{grid-template-columns:1fr}
  .overview-inline-metrics>div:last-child{grid-column:auto}
  .overview-kpi-strip{grid-template-columns:1fr}
  .overview-kpi{border-right:0;border-bottom:1px solid rgba(100,140,215,.13)!important}
  .overview-kpi:last-child{border-bottom:0!important}
  .stock-foot{grid-template-columns:1fr 1fr 1fr}
  .activity-row{grid-template-columns:34px minmax(0,1fr)}.activity-value{grid-column:2;text-align:left;justify-items:start}
}
\n\n/* ===== UNITV V1.1.4 — MANUAL GIFT CARD FULFILLMENT ===== */\n.fulfillment-card{margin-bottom:18px;padding:0!important;overflow:hidden}.fulfillment-list{display:grid}.fulfillment-row{display:grid;grid-template-columns:minmax(180px,.8fr) 110px minmax(320px,1.25fr);gap:18px;align-items:center;padding:16px 18px;border-bottom:1px solid rgba(100,140,215,.10)}.fulfillment-row:last-child{border-bottom:0}.fulfillment-info{display:grid;gap:4px;min-width:0}.fulfillment-info strong{font-size:13px}.fulfillment-info span,.fulfillment-info small{font-size:10px;color:#74829b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fulfillment-progress{display:grid;gap:3px}.fulfillment-progress strong{font-size:19px;color:#eaf3ff}.fulfillment-progress span{font-size:10px;color:#ffcb77}.fulfillment-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:stretch}.fulfillment-form textarea{min-height:70px;resize:vertical}.fulfillment-form .btn{height:100%;min-width:150px}.delivery-pending,.delivery-complete{display:block;margin-top:8px;font-size:11px;line-height:1.5}.delivery-pending{color:#ffd07a}.delivery-complete{color:#6ee0aa}.status.awaiting_manual,.status.partial{background:#382b13;color:#ffd27b}.status.complete{background:#0e3528;color:#79e4b1}@media(max-width:980px){.fulfillment-row{grid-template-columns:1fr 100px}.fulfillment-form{grid-column:1/-1}}@media(max-width:620px){.fulfillment-row{grid-template-columns:1fr}.fulfillment-progress{grid-row:auto}.fulfillment-form{grid-template-columns:1fr}.fulfillment-form .btn{min-width:0;height:auto}}\n

/* ===== UNITV V1.1.5 — COBRANÇA + NOTIFICAÇÕES ===== */
.side-nav a{position:relative}
.nav-badge{margin-left:auto;min-width:21px;height:21px;padding:0 6px;border-radius:999px;display:grid;place-items:center;background:#ff5c73;color:#fff;font-size:9px;box-shadow:0 0 0 3px rgba(255,92,115,.09)}
.admin-notification-mini{display:inline-flex;align-items:center;gap:6px;color:#9fc5ff;font-size:10px;margin-right:11px;padding-right:11px;border-right:1px solid rgba(120,150,205,.16)}
.admin-notification-mini svg{width:14px;height:14px;fill:currentColor}
.supply-alert{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;margin-bottom:14px;padding:12px 15px;border-radius:13px;border:1px solid #68434b;background:linear-gradient(135deg,#26151c,#17111a);color:#fff}
.supply-alert-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#3b1e27;color:#ff9aaa}
.supply-alert-icon svg{width:18px;height:18px;fill:currentColor}.supply-alert span:nth-child(2){display:grid;gap:2px}.supply-alert strong{font-size:12px}.supply-alert small{color:#b98f98;font-size:10px}.supply-alert>b{font-size:10px;color:#ffb1bc}
.notifications-head{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:16px}.notifications-head h2{margin:7px 0 4px;font-size:28px}.notifications-head p{margin:0;color:#7c8ba4;font-size:12px}
.notification-list{display:grid;gap:10px}.notification-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:13px;padding:17px;border-radius:15px;border:1px solid rgba(101,139,205,.18);background:#09111e}.notification-card.is-unread{border-color:#6a4048;background:linear-gradient(145deg,#14121d,#0a111e);box-shadow:inset 3px 0 #ff6e82}
.notification-symbol{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:#121e33;color:#76adf2}.is-unread .notification-symbol{background:#351b24;color:#ff9bab}.notification-symbol svg{width:18px;height:18px;fill:currentColor}
.notification-main{min-width:0}.notification-title-row{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.notification-type{font-size:8px;color:#ff98a8;font-weight:900;letter-spacing:.8px}.notification-title-row h3{font-size:15px;margin:4px 0}.notification-title-row time{font-size:9px;color:#66758f;white-space:nowrap}.notification-main>p{color:#8997ae;font-size:11px;line-height:1.6;margin:4px 0 12px}
.notification-order-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.notification-order-meta>span{padding:9px 10px;border-radius:9px;background:#070e19;border:1px solid rgba(101,139,205,.12);min-width:0}.notification-order-meta small{display:block;color:#64738c;font-size:7px;letter-spacing:.7px}.notification-order-meta strong{display:block;margin-top:4px;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.notification-actions{display:flex;align-items:center;gap:7px;margin-top:12px}.notification-actions form{margin:0}.notification-actions .btn{min-height:34px;padding:7px 11px;font-size:10px}
.empty-notifications{text-align:center;display:grid;justify-items:center;padding:48px 20px!important}.empty-notifications h3{margin:12px 0 5px}.empty-notifications p{color:#75839a;font-size:11px;margin:0}
.payment-supply-note{margin:12px 0 20px;padding:12px 14px;border-radius:11px;border:1px solid #63424a;background:#20151a;color:#d9adb5;font-size:11px;line-height:1.55}
@media(max-width:700px){.notification-order-meta{grid-template-columns:1fr 1fr}.notification-title-row{display:grid}.notification-title-row time{order:-1}.supply-alert{grid-template-columns:38px minmax(0,1fr)}.supply-alert>b{grid-column:2}.admin-notification-mini{display:none}}


/* ===== UNITV V1.1.6 — LOTE DE 100 + PROPRIEDADE DOS CÓDIGOS ===== */
.batch-code-label{gap:7px!important}.label-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.code-counter{font-size:10px;color:#79b8ff;background:#0b1b31;border:1px solid #1d3b66;padding:4px 8px;border-radius:999px;white-space:nowrap}.code-counter.limit-reached{color:#78e8bb;border-color:#245d4b;background:#0d271f}.code-counter.limit-exceeded{color:#ff9aab;border-color:#673443;background:#2c151c}.field-help{color:#70809a;font-size:9px;line-height:1.55}.batch-code-label textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;line-height:1.55}
.ownership-note{display:flex;gap:12px;align-items:center;padding:13px 15px;margin:0 0 12px;border-radius:12px;background:linear-gradient(135deg,#0c1d27,#0b1724);border:1px solid #1c4657}.ownership-note strong{font-size:12px}.ownership-note p{margin:3px 0 0;color:#7991a4;font-size:10px;line-height:1.5}.ownership-note .module-icon{background:#10302e;color:#63ddc0}
.fulfillment-textarea-wrap{display:grid;gap:6px;min-width:0}.fulfillment-textarea-wrap textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;min-height:88px}.fulfillment-form{align-items:end}.fulfillment-form .label-row small{color:#73829b;font-size:8px;font-weight:850;letter-spacing:.7px}
.status.sold{background:#0c3528!important;color:#78f0b7!important}.status.reserved{background:#392d12!important;color:#ffd57e!important}
@media(max-width:700px){.fulfillment-form{grid-template-columns:1fr!important}.ownership-note{align-items:flex-start}}

/* ===== UNITV V1.2.0 — E-MAIL, RECOVERY & SECURITY ===== */
.auth-back{display:inline-block;margin-top:16px;color:#86b7ff;font-size:12px;font-weight:700}.auth-back:hover{text-decoration:underline}
.billing-email{padding:13px 14px;border-radius:11px;background:#08101d;border:1px solid #203254;display:grid;gap:5px}.billing-email small{color:#71819e;font-size:9px;letter-spacing:.8px}.billing-email strong{font-size:13px;overflow-wrap:anywhere}
.email-admin-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:15px;margin-bottom:15px}.email-status-card,.email-automation-card{padding:22px!important}.email-state{display:grid;gap:4px;padding:13px 14px;border-radius:11px;margin:18px 0}.email-state.ready{background:#0d3025;border:1px solid #225a47}.email-state.not-ready{background:#301820;border:1px solid #63303e}.email-state strong{font-size:13px}.email-state span{font-size:10px;color:#91a2bd}.email-config-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.email-config-list>div{padding:11px;border-radius:10px;background:#07101c;border:1px solid rgba(94,130,194,.16);min-width:0}.email-config-list small{display:block;color:#687894;font-size:8px;letter-spacing:.7px}.email-config-list strong{display:block;margin-top:4px;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-help{font-size:10px;color:#73819a;line-height:1.55;margin:14px 0 0}.email-help code{color:#a7c7ff;background:#070e18;padding:2px 5px;border-radius:5px}.automation-list{display:grid;gap:3px;margin-top:16px}.automation-list>div{display:grid;grid-template-columns:12px minmax(0,1fr);gap:10px;padding:10px 0;border-bottom:1px solid rgba(100,137,199,.10)}.automation-list>div:last-child{border-bottom:0}.automation-dot{width:8px;height:8px;border-radius:50%;background:#55dca5;box-shadow:0 0 0 4px rgba(85,220,165,.08);margin-top:6px}.automation-list p{display:grid;margin:0}.automation-list strong{font-size:12px}.automation-list small{color:#74839c;font-size:10px;margin-top:3px;line-height:1.45}.email-log-card{padding:0!important}.email-log-card .data-card-head{padding:17px 19px;border-bottom:1px solid rgba(100,140,215,.12)}
@media(max-width:900px){.email-admin-grid{grid-template-columns:1fr}}@media(max-width:560px){.email-config-list{grid-template-columns:1fr}}

/* ===== UNITV V1.2.0 — EMAIL ACCOUNT EDITOR ===== */
.inline-email-form{display:flex;align-items:center;gap:6px;min-width:245px;margin:0}
.inline-email-form input{min-width:175px;padding:7px 9px;font-size:11px}
.inline-email-form button{min-height:32px;padding:6px 9px;border-radius:8px;border:1px solid #2d4770;background:#10203a;color:#bcd8ff;font-size:10px;font-weight:750}
.inline-email-form button:hover{background:#162b4d}
@media(max-width:700px){.inline-email-form{min-width:215px}.inline-email-form input{min-width:145px}}
