/* IPTVPilot — ecosystem light theme (LoyalPilot / OrderPilot / MarketPilot / DropPilot family) */
:root{
  --brand-500:#3b6ef6;--brand-600:#2f5fe0;--brand-700:#1c44c0;--brand-100:#dbe6fe;--brand-50:#eef3fe;
  --ink-900:#0f172a;--ink-700:#334155;--muted:#64748b;--muted-2:#94a3b8;
  --bg:#f6f8fc;--surface:#ffffff;--surface-2:#f9fbfe;
  --line:#e6ebf3;--line-2:#eef2f8;
  --green:#16a34a;--green-bg:#dcfce7;--amber:#b45309;--amber-bg:#fef3c7;--red:#dc2626;--red-bg:#fee2e2;
  --gradient:linear-gradient(135deg,#3b6ef6,#6ea8ff);
  --radius:14px;--radius-sm:10px;--radius-lg:22px;
  --shadow-sm:0 1px 2px rgba(15,23,42,.05),0 1px 3px rgba(15,23,42,.04);
  --shadow:0 12px 34px rgba(15,23,42,.08);
  --shadow-lg:0 28px 66px rgba(15,23,42,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink-900);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
h1,h2,h3,h4{color:var(--ink-900)}
.ic{width:20px;height:20px;flex:0 0 auto}

/* ---------- Brand + header ---------- */
.site-header{height:72px;padding:0 max(24px,5vw);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.82);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;flex:0 0 auto}
.brand-logo{display:block;width:auto;height:42px;max-width:230px;object-fit:contain}
.site-header .brand-logo{height:40px;max-width:220px}
footer .brand-logo{height:46px;max-width:250px}
.site-header nav{display:flex;align-items:center;gap:8px;font-size:14.5px}
.site-header nav>a{color:var(--ink-700);padding:8px 12px;border-radius:9px;font-weight:600;transition:.15s}
.site-header nav>a:hover{color:var(--brand-700);background:var(--brand-50)}
.menu-toggle{display:none;background:none;border:0;color:var(--ink-900);font-size:22px;cursor:pointer}

/* language segmented switch */
.lang-switch{display:inline-flex;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);padding:3px;margin:0 4px}
.lang-switch a{padding:5px 12px;border-radius:999px;font-size:12.5px;font-weight:700;color:var(--muted);letter-spacing:.02em;transition:.15s}
.lang-switch a:hover{color:var(--ink-900)}
.lang-switch a.is-active{background:var(--surface);color:var(--brand-700);box-shadow:var(--shadow-sm)}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:12px 20px;color:#fff;background:var(--brand-500);font-weight:700;cursor:pointer;box-shadow:0 10px 22px rgba(59,110,246,.22);transition:.15s}
.btn:hover{background:var(--brand-600);transform:translateY(-1px)}
.btn.ghost{background:var(--surface);color:var(--ink-900);border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.btn.ghost:hover{background:var(--brand-50);border-color:var(--brand-100);color:var(--brand-700)}
.btn.small{padding:9px 15px;font-size:14px}
.btn.tiny{padding:6px 11px;font-size:12px}
.btn.full{width:100%}

/* ---------- Hero ---------- */
.hero{min-height:600px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;padding:80px max(24px,7vw)}
.hero h1,.page-hero h1{font-size:clamp(40px,5.4vw,72px);line-height:1.03;letter-spacing:-.04em;margin:16px 0 22px;max-width:900px}
.hero-copy>p,.page-hero>p{max-width:640px;color:var(--muted);font-size:18px}
.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:800;color:var(--brand-600);text-transform:uppercase}
.actions{display:flex;gap:12px;margin:30px 0}
.trust{display:flex;flex-wrap:wrap;gap:10px 22px;color:var(--muted);font-size:13.5px}
.trust span{font-weight:600}

/* premium OTT media console — restrained IPTVPilot blue palette */
.screen{height:420px;width:100%;max-width:590px;justify-self:end;border-radius:28px;padding:18px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(241,246,255,.96));border:1px solid rgba(47,95,224,.13);box-shadow:0 34px 80px rgba(15,39,91,.16),0 8px 24px rgba(59,110,246,.08);position:relative;overflow:visible;transform:perspective(1100px) rotateY(-4deg) rotateX(1deg)}
.screen::before{content:"";position:absolute;inset:34px 42px auto auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(96,165,250,.18),transparent 68%);filter:blur(8px);pointer-events:none}
.screen-top{height:24px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}
.screen-dots{display:flex;gap:7px}
.screen-dots span{width:8px;height:8px;border-radius:50%;background:#d8e2f2}
.screen-status{display:flex;align-items:center;gap:7px;padding:5px 10px;border:1px solid #dce7fa;border-radius:999px;background:rgba(255,255,255,.82);color:#42618f;font-size:10px;font-weight:800;letter-spacing:.09em}
.screen-status i{width:7px;height:7px;border-radius:50%;background:#3b6ef6;box-shadow:0 0 0 4px rgba(59,110,246,.12)}
.screen-content{height:calc(100% - 24px);display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:17px 2px 2px;position:relative;z-index:1}
.poster{position:relative;overflow:hidden;border-radius:18px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:18px;color:#fff;border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 14px 28px rgba(12,42,94,.15)}
.poster::before{content:"";position:absolute;width:140px;height:140px;right:-48px;top:-58px;border-radius:50%;background:rgba(255,255,255,.12)}
.poster::after{content:"";position:absolute;width:100px;height:100px;right:12px;bottom:-72px;border-radius:50%;border:18px solid rgba(255,255,255,.07)}
.poster-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(8px);position:relative;z-index:1}
.poster-icon .ic{width:21px;height:21px}
.poster strong{font-size:15px;letter-spacing:.09em;position:relative;z-index:1}
.p1{background:linear-gradient(145deg,#0b2559,#174ea6)}
.p2{background:linear-gradient(145deg,#123b83,#2f6fe9)}
.p3{background:linear-gradient(145deg,#1d4ed8,#5b9df8)}
.p4{background:linear-gradient(145deg,#102f68,#315fc4)}
.play-orbit{position:absolute;right:-22px;bottom:58px;width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#2f6fe9,#174ea6);border:7px solid rgba(255,255,255,.88);box-shadow:0 20px 44px rgba(31,78,166,.35);color:#fff;z-index:3}
.play-orbit svg{width:24px;height:24px;margin-left:2px}
/* ---------- Sections ---------- */
.section{padding:88px max(24px,7vw)}
.section.dark{background:var(--brand-50);border-block:1px solid var(--line-2)}
.section-head{text-align:center;max-width:720px;margin:0 auto 44px}
.section-head h2{font-size:clamp(30px,3.6vw,46px);line-height:1.08;letter-spacing:-.03em;margin:14px 0}
.section-head p{color:var(--muted)}

.feature-grid,.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.feature-grid article,.steps article,.panel,.price-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px;box-shadow:var(--shadow-sm)}
.feature-grid article>span{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:var(--brand-50);color:var(--brand-600);margin-bottom:6px}
.feature-grid article>span svg{width:23px;height:23px}
.feature-grid h3,.steps h3{margin:12px 0 6px}
.feature-grid p,.steps p,.price-card p{color:var(--muted)}
.steps b{font-size:34px;color:var(--brand-100);-webkit-text-stroke:1px var(--brand-500);font-weight:900}

/* catalog rows (used on home + catalog page) */
.content-row{display:flex;gap:16px;overflow:auto;padding-bottom:10px}
.content-card{min-width:210px}
.art{height:270px;border-radius:16px;background:linear-gradient(150deg,#e8eefb,#dbe6fe);padding:14px;display:flex;align-items:flex-start;position:relative;overflow:hidden;border:1px solid var(--line)}
.art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.art span{position:relative;z-index:1;font-size:10px;font-weight:800;letter-spacing:.14em;background:rgba(255,255,255,.9);color:var(--brand-700);padding:6px 9px;border-radius:8px}
.content-card h3{margin:12px 0 2px}
.content-card p,.content-card small{color:var(--muted)}

/* ---------- Pricing ---------- */
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}
.price-card{position:relative;padding:30px}
.price-card.featured{border-color:var(--brand-500);box-shadow:0 24px 56px rgba(59,110,246,.16);transform:translateY(-8px)}
.badge{position:absolute;right:20px;top:20px;background:var(--brand-500);color:#fff;padding:5px 11px;border-radius:999px;font-size:11px;font-weight:700}
.price{margin:14px 0}
.price strong{font-size:34px;letter-spacing:-.02em}
.price-card ul{list-style:none;padding:0;min-height:160px;margin:18px 0}
.price-card li{padding:7px 0;color:var(--ink-700);display:flex;gap:8px}
.price-card label{display:block;margin:16px 0;color:var(--muted);font-size:14px}

/* ---------- Forms ---------- */
input,select,textarea,.price-card select,.filters select,.filters input{width:100%;background:var(--surface);color:var(--ink-900);border:1px solid var(--line);border-radius:11px;padding:11px 13px;outline:none;transition:.15s}
input:focus,select:focus,textarea:focus{border-color:var(--brand-500);box-shadow:0 0 0 3px var(--brand-100)}
input::placeholder,textarea::placeholder{color:var(--muted-2)}
textarea{min-height:115px;resize:vertical}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.form-grid label,.panel>label{display:grid;gap:7px;color:var(--ink-700);font-size:14px;font-weight:600}
.form-grid .full{grid-column:1/-1}
.check{display:flex!important;align-items:center;gap:10px;font-weight:500;color:var(--muted)}
.check input{width:auto}

/* ---------- Page hero / catalog / misc ---------- */
.page-hero{text-align:center;padding:80px 24px 50px}
.page-hero h1{margin-inline:auto}
.page-hero p{margin-inline:auto}
.filters{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;margin-bottom:32px}
.catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.narrow{max-width:900px;margin:auto}
.flash{max-width:760px;margin:18px auto;padding:13px 18px;border-radius:12px;position:relative;z-index:70;font-weight:600}
.flash.success{background:var(--green-bg);border:1px solid #bbf7d0;color:#15803d}
.flash.error{background:var(--red-bg);border:1px solid #fecaca;color:#b91c1c}
.legal-note,.empty{padding:22px;border:1px solid var(--line);border-radius:16px;color:var(--muted);margin-top:26px;background:var(--surface-2)}
.faq{max-width:850px;margin:auto}
.faq details{border-bottom:1px solid var(--line);padding:20px}
.faq summary{cursor:pointer;font-size:18px;font-weight:700;color:var(--ink-900)}
.faq p,.legal-copy p{color:var(--muted)}

/* ---------- Auth ---------- */
.auth-wrap{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}
.auth-visual{padding:64px 6vw;background:var(--gradient);position:relative;color:#fff;display:flex;flex-direction:column}
.auth-visual .brand{align-self:flex-start;padding:8px 12px;border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 12px 28px rgba(12,42,94,.18)}
.auth-visual .brand-logo{height:42px;max-width:230px}
.auth-visual h1{font-size:clamp(34px,3.6vw,52px);line-height:1.06;max-width:520px;margin-top:auto}
.auth-visual p{color:rgba(255,255,255,.86);max-width:480px}
.auth-visual .screen{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22);box-shadow:none;margin-top:32px;margin-bottom:auto}
.auth-visual .play-orbit{background:#fff;color:var(--brand-600)}
.auth-form{display:grid;place-items:center;padding:40px;background:var(--bg)}
.auth-form form{width:min(440px,100%);display:grid;gap:16px}
.auth-form h2{margin:0}
.screen.mini{height:200px;margin-top:40px}
.muted{color:var(--muted);text-align:center}
.muted a{color:var(--brand-600);font-weight:600}

/* ---------- Account / dashboards ---------- */
.dashboard-grid,.two-col{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:22px}
.stat-card h2{font-size:28px;margin:6px 0}
.status{display:inline-flex;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;text-transform:capitalize;background:#eef2f8;color:var(--muted)}
.status.active,.status.paid,.status.approved,.status.closed,.status.1{background:var(--green-bg);color:#15803d}
.status.pending,.status.new,.status.open{background:var(--amber-bg);color:var(--amber)}
.status.cancelled,.status.rejected,.status.suspended,.status.0{background:var(--red-bg);color:#b91c1c}
.table-wrap{overflow:auto}
table{width:100%;border-collapse:collapse;font-size:13.5px}
th,td{text-align:left;padding:13px;border-bottom:1px solid var(--line);vertical-align:top}
th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.07em;font-weight:700}
tbody tr:hover{background:var(--surface-2)}
.ticket{padding:16px 0;border-bottom:1px solid var(--line)}
blockquote{border-left:3px solid var(--brand-500);margin:10px 0;padding:8px 14px;color:var(--ink-700);background:var(--brand-50);border-radius:0 8px 8px 0}
.access-box{margin-top:18px;padding:16px;border-radius:14px;background:var(--brand-50);border:1px solid var(--brand-100)}
code{padding:3px 7px;border-radius:6px;background:#eef2f8;color:var(--brand-700);word-break:break-all;font-size:.92em}
.checkout-total{font-size:20px;padding:16px;background:var(--brand-50);border:1px solid var(--brand-100);border-radius:12px;font-weight:700}

/* ---------- Footer ---------- */
footer{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;padding:60px max(24px,7vw);border-top:1px solid var(--line);color:var(--muted);background:var(--surface)}
footer>div{display:grid;align-content:start;gap:8px}
footer h4{color:var(--ink-900);margin:0 0 4px}
footer a:hover{color:var(--brand-600)}
footer p{max-width:600px}

/* ---------- Admin ---------- */
.admin-body{display:grid;grid-template-columns:256px 1fr;min-height:100vh;background:var(--bg)}
.admin-sidebar{padding:20px 14px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:4px;background:var(--surface);position:sticky;top:0;height:100vh}
.admin-sidebar .brand{margin:4px 8px 18px}
.admin-sidebar .brand-logo{height:38px;max-width:205px}
.admin-nav{display:flex;flex-direction:column;gap:16px;overflow-y:auto;flex:1;padding-bottom:8px}
.admin-group{display:flex;flex-direction:column;gap:2px}
.admin-group>small{padding:0 12px 4px;color:var(--muted-2);font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.admin-sidebar a:not(.brand),.link-button{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:10px;color:var(--ink-700);background:none;border:0;text-align:left;cursor:pointer;font-size:14px;font-weight:500;width:100%;transition:.15s}
.admin-sidebar a:not(.brand) .ic{width:18px;height:18px;color:var(--muted)}
.admin-sidebar a:hover,.link-button:hover{background:var(--brand-50);color:var(--brand-700)}
.admin-sidebar a:hover .ic{color:var(--brand-600)}
.admin-sidebar a.is-active{background:var(--brand-100);color:var(--brand-700);font-weight:700}
.admin-sidebar a.is-active .ic{color:var(--brand-700)}
.admin-user{margin-top:auto;display:flex;align-items:center;gap:10px;padding:10px 10px 4px;border-top:1px solid var(--line-2)}
.admin-user .avatar{width:36px;height:36px;flex:0 0 auto;border-radius:10px;display:grid;place-items:center;background:var(--gradient);color:#fff;font-weight:800;font-size:14px}
.admin-user-meta{min-width:0;flex:1}
.admin-user-meta strong{display:block;font-size:13.5px;color:var(--ink-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-user-meta small{color:var(--muted)}
.admin-user form{margin:0}
.admin-logout{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border:1px solid var(--line);background:var(--surface);border-radius:9px;cursor:pointer;color:var(--muted);padding:0}
.admin-logout:hover{color:var(--red);border-color:#fecaca;background:var(--red-bg)}
.admin-logout .ic{width:17px;height:17px}
.admin-main{padding:34px 38px;min-width:0}
.admin-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}
.admin-head h1{font-size:32px;margin:4px 0}
.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}
.admin-stats article{padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow-sm)}
.admin-stats small{display:block;color:var(--muted);font-size:13px;margin-bottom:6px}
.admin-stats strong{font-size:27px;letter-spacing:-.02em}
.actions-cell form{display:grid;gap:6px;margin-bottom:8px;min-width:200px}
.inline-form{display:grid;grid-template-columns:repeat(5,1fr) auto;gap:10px;margin-bottom:18px}

/* ---------- Pagination ---------- */
.pager{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin:1rem 0 0}
.pager a{display:inline-block;min-width:2rem;padding:.35rem .6rem;text-align:center;border:1px solid var(--line);border-radius:.5rem;text-decoration:none;font-size:.85rem;color:var(--ink-700)}
.pager a:hover{background:var(--brand-50);border-color:var(--brand-100)}
.pager a.current{background:var(--brand-500);border-color:var(--brand-500);color:#fff;font-weight:600}
.pager .muted{margin-left:auto;font-size:.8rem}

/* ---------- Responsive ---------- */
@media(max-width:1050px){
  .hero{grid-template-columns:1fr}
  .screen{max-width:700px}
  .feature-grid,.steps{grid-template-columns:repeat(2,1fr)}
  .catalog-grid{grid-template-columns:repeat(3,1fr)}
  .admin-stats{grid-template-columns:repeat(2,1fr)}
  .site-header nav{display:none;position:absolute;top:71px;left:0;right:0;background:var(--surface);padding:16px;flex-direction:column;align-items:stretch;gap:4px;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}
  .site-header nav.open{display:flex}
  .site-header nav>a{padding:11px 12px}
  .lang-switch{align-self:flex-start;margin:6px 0}
  .menu-toggle{display:block}
}
@media(max-width:760px){
  .hero{padding-top:52px}
  .screen{height:340px;max-width:none;transform:none}
  .brand-logo,.site-header .brand-logo{height:36px;max-width:190px}
  .play-orbit{right:-10px;width:62px;height:62px}
  .feature-grid,.steps,.pricing-grid,.catalog-grid,.dashboard-grid,.two-col,.form-grid,.auth-wrap,footer{grid-template-columns:1fr}
  .price-card.featured{transform:none}
  .filters{grid-template-columns:1fr}
  .form-grid .full{grid-column:auto}
  .admin-body{display:block}
  .admin-sidebar{position:static;height:auto}
  .admin-main{padding:22px}
  .admin-stats{grid-template-columns:1fr 1fr}
  .auth-visual{display:none}
  .inline-form{grid-template-columns:1fr}
  .site-header{padding-inline:18px}
  .section{padding:64px 20px}
  .hero h1,.page-hero h1{font-size:42px}
}

/* ========================================================================== */
/* IPTV PILOT ADMIN V2 — OrderPilot-aligned administration design system      */
/* ========================================================================== */
.admin-v2{
  --admin-sidebar:240px;
  --admin-topbar:64px;
  --admin-blue:#356df3;
  --admin-blue-strong:#2458df;
  --admin-blue-soft:#eef3ff;
  --admin-text:#172033;
  --admin-muted:#73809a;
  --admin-line:#e2e8f2;
  --admin-bg:#f5f7fb;
  --admin-card:#fff;
  font-family:"Segoe UI Variable","Segoe UI",Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
  line-height:1.45;
}
.admin-v2 *{scrollbar-width:thin;scrollbar-color:#cbd4e3 transparent}
.admin-v2::-webkit-scrollbar,.admin-v2 *::-webkit-scrollbar{width:7px;height:7px}
.admin-v2::-webkit-scrollbar-thumb,.admin-v2 *::-webkit-scrollbar-thumb{background:#cbd4e3;border-radius:99px}
.admin-v2 .admin-sidebar *::-webkit-scrollbar{display:none}
.admin-v2.admin-body{height:100vh;min-height:0;overflow:hidden;grid-template-columns:var(--admin-sidebar) minmax(0,1fr);background:var(--admin-bg)}
.admin-v2 .admin-sidebar{height:100vh;position:relative;top:auto;padding:14px 12px 12px;gap:0;overflow:hidden;border-right:1px solid var(--admin-line);box-shadow:none}
.admin-brand-row{height:66px;display:flex;align-items:center;padding:0 4px 10px}
.admin-v2 .admin-sidebar .brand{margin:0;display:flex;width:100%;justify-content:flex-start}
.admin-v2 .admin-sidebar .brand-logo{height:38px;max-width:211px;width:auto;object-fit:contain}
.admin-v2 .admin-nav{flex:1;overflow:visible;padding:4px 0 8px;gap:12px;min-height:0}
.admin-v2 .admin-group{gap:2px}
.admin-v2 .admin-group>small{padding:0 12px 3px;color:#9aa7bd;font-size:10px;line-height:1.2;letter-spacing:.08em;font-weight:700}
.admin-v2 .admin-sidebar a:not(.brand){min-height:38px;padding:8px 11px;border-radius:10px;font-size:14px;line-height:1.15;font-weight:500;color:#465571;gap:10px}
.admin-v2 .admin-sidebar a:not(.brand) .ic{width:18px;height:18px;color:#71809a}
.admin-v2 .admin-sidebar a.is-active{position:relative;background:#eaf0ff;color:#2255cf;font-weight:650}
.admin-v2 .admin-sidebar a.is-active::before{content:"";position:absolute;left:-12px;top:8px;bottom:8px;width:3px;border-radius:0 4px 4px 0;background:var(--admin-blue)}
.admin-v2 .admin-sidebar a.is-active .ic{color:var(--admin-blue)}
.admin-v2 .admin-sidebar a:hover{background:#f0f4fb;color:#1f4ec2}
.admin-v2 .admin-system-group{margin-top:auto}
.admin-v2 .admin-user{min-height:62px;margin:0;padding:10px 8px 0;gap:9px;border-top:1px solid var(--admin-line)}
.admin-v2 .admin-user-meta strong{font-size:13px}
.admin-v2 .admin-user-meta small{display:block;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:126px}
.admin-v2 .avatar{display:inline-grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:11px;background:linear-gradient(145deg,#4f83ff,#3264eb);color:#fff;font-weight:750;font-size:14px;box-shadow:none}
.admin-v2 .avatar.compact{width:34px;height:34px;flex-basis:34px;border-radius:10px;font-size:12.5px}
.admin-v2 .admin-logout{width:32px;height:32px;border-radius:9px}
.admin-shell{display:grid;grid-template-rows:var(--admin-topbar) minmax(0,1fr);min-width:0;height:100vh;overflow:hidden}
.admin-topbar{height:var(--admin-topbar);display:flex;align-items:center;justify-content:space-between;padding:0 26px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--admin-line);backdrop-filter:blur(14px);z-index:20}
.admin-workspace-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid var(--admin-line);border-radius:999px;background:#f8faff;color:#4a5872;font-size:13px;font-weight:600}
.admin-workspace-chip .ic{width:16px;height:16px;color:var(--admin-blue)}
.admin-topbar-user{display:flex;align-items:center;gap:9px;color:var(--admin-text)}
.admin-topbar-user>div{display:grid;line-height:1.15}
.admin-topbar-user strong{font-size:13px}
.admin-topbar-user small{font-size:11px;color:var(--admin-muted)}
.admin-v2 .admin-main{overflow-y:auto;overflow-x:hidden;padding:28px 26px 46px;min-width:0}
.admin-v2 .admin-main>*{max-width:1500px;margin-left:auto;margin-right:auto}
.admin-flash{margin:0 auto 18px!important;max-width:1500px!important}
.admin-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin-bottom:22px}
.admin-page-head h1{margin:0;color:var(--admin-text);font-size:28px;line-height:1.18;letter-spacing:-.025em;font-weight:720}
.admin-page-head p{margin:7px 0 0;color:var(--admin-muted);font-size:14px}
.admin-head-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.admin-v2 .btn{border-radius:10px;box-shadow:none;font-weight:650;padding:10px 16px;background:var(--admin-blue)}
.admin-v2 .btn:hover{background:var(--admin-blue-strong);transform:none}
.admin-v2 .btn.small{padding:9px 14px;font-size:13px}
.admin-v2 .btn.tiny{padding:7px 10px;border-radius:8px;font-size:12px}
.admin-v2 .btn.ghost{background:#fff;border:1px solid var(--admin-line);color:#34435e}
.admin-v2 .btn.ghost:hover{background:#f7f9fd;border-color:#ced7e7;color:#224eb8}
.admin-v2 .btn .ic{width:16px;height:16px}
.admin-card{background:var(--admin-card);border:1px solid var(--admin-line);border-radius:16px;box-shadow:0 1px 2px rgba(20,34,62,.04);padding:22px;min-width:0}
.admin-section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}
.admin-section-title.compact{align-items:center;margin-bottom:12px}
.admin-section-title h2{font-size:16px;line-height:1.25;margin:0;font-weight:700;letter-spacing:-.01em}
.admin-section-title p{font-size:13px;color:var(--admin-muted);margin:4px 0 0}
.admin-section-title>a{font-size:13px;color:var(--admin-blue);font-weight:650}
.admin-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.admin-kpi-card{display:flex;align-items:flex-start;justify-content:space-between;min-height:116px;padding:19px;border:1px solid var(--admin-line);border-top:3px solid #5f8cf7;border-radius:15px;background:#fff;box-shadow:0 1px 2px rgba(20,34,62,.04)}
.admin-kpi-card div{display:grid;gap:7px}
.admin-kpi-card span{color:#6d7b94;font-size:13px}
.admin-kpi-card strong{font-size:27px;line-height:1;font-weight:720;letter-spacing:-.025em}
.admin-kpi-card i{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#eef3ff;color:var(--admin-blue);font-style:normal}
.admin-kpi-card i .ic{width:20px;height:20px}
.admin-quick-panel{margin-bottom:18px;background:#fff;border:1px solid var(--admin-line);border-radius:16px;overflow:hidden;box-shadow:0 1px 2px rgba(20,34,62,.04)}
.admin-quick-panel>.admin-section-title{padding:18px 20px 14px;margin:0;border-bottom:1px solid var(--admin-line)}
.admin-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.admin-quick-grid>a{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:17px 20px;border-bottom:1px solid var(--admin-line);color:var(--admin-text)}
.admin-quick-grid>a:nth-child(odd){border-right:1px solid var(--admin-line)}
.admin-quick-grid>a:nth-last-child(-n+2){border-bottom:0}
.admin-quick-grid>a:hover{background:#f8faff}
.admin-quick-grid>a>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#eef3ff;color:var(--admin-blue)}
.admin-quick-grid>a>span .ic{width:19px;height:19px}
.admin-quick-grid>a>div{display:grid;gap:2px}
.admin-quick-grid strong{font-size:14px}
.admin-quick-grid small{font-size:12.5px;color:var(--admin-muted)}
.admin-quick-grid b{font-size:18px;color:#9eabc0;font-weight:400}
.admin-dashboard-columns{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.8fr);gap:18px}
.admin-activity-list{display:grid}
.admin-activity-list>a{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--admin-line)}
.admin-activity-list>a:last-child{border-bottom:0}
.activity-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#eef3ff;color:var(--admin-blue)}
.activity-icon .ic{width:17px;height:17px}
.admin-activity-list div{display:grid;min-width:0}
.admin-activity-list strong{font-size:13.5px}
.admin-activity-list small{font-size:12px;color:var(--admin-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-mini-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--admin-line)}
.admin-mini-summary span{display:grid;font-size:12px;color:var(--admin-muted)}
.admin-mini-summary strong{font-size:14px;color:var(--admin-text)}
.admin-table{width:100%;min-width:0;overflow:visible}
.admin-table table{table-layout:fixed;width:100%;font-size:13px}
.admin-table th{padding:11px 12px;color:#71809a;font-size:10.5px;line-height:1.2;letter-spacing:.055em;background:#fbfcfe;border-bottom:1px solid var(--admin-line)}
.admin-table td{padding:13px 12px;vertical-align:middle;border-bottom:1px solid var(--admin-line);color:#24314a;overflow-wrap:anywhere}
.admin-table tbody tr:last-child td{border-bottom:0}
.admin-table tbody tr:hover{background:#fafcff}
.admin-table td>strong{display:block;font-size:13px;font-weight:650;color:var(--admin-text)}
.admin-table td>small{display:block;margin-top:2px;color:var(--admin-muted);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-table .align-right{text-align:right}
.order-table th:nth-child(1){width:14%}.order-table th:nth-child(2){width:21%}.order-table th:nth-child(3){width:15%}.order-table th:nth-child(4){width:8%}.order-table th:nth-child(5){width:13%}.order-table th:nth-child(6){width:12%}.order-table th:nth-child(7){width:17%}
.user-table th:nth-child(1){width:28%}.user-table th:nth-child(2){width:14%}.user-table th:nth-child(3){width:12%}.user-table th:nth-child(4){width:10%}.user-table th:nth-child(5){width:12%}.user-table th:nth-child(6){width:14%}.user-table th:nth-child(7){width:10%}
.admin-v2 .status{font-size:11px;padding:5px 9px;text-transform:none;white-space:nowrap;border-radius:999px;font-weight:650}
.admin-v2 .status.success{background:#e8f8ef;color:#21824b}
.admin-v2 .status.warning{background:#fff4d8;color:#93650c}
.admin-v2 .status.danger{background:#feecec;color:#b73c3c}
.admin-v2 .status.neutral{background:#eef2f7;color:#61708a}
.role-pill,.package-badge,.priority-pill{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:#f0f3f8;color:#55637b;font-size:11px;font-weight:650;white-space:nowrap}
.user-cell,.subscription-user{display:flex;align-items:center;gap:10px;min-width:0}
.user-cell>div,.subscription-user>div{display:grid;min-width:0}
.user-cell strong,.subscription-user strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.user-cell small,.subscription-user small{font-size:11.5px;color:var(--admin-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.row-actions{position:relative;display:inline-block;text-align:left}
.row-actions>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:8px;border:1px solid var(--admin-line);background:#fff;color:#34435e;font-size:12px;font-weight:650}
.row-actions>summary::-webkit-details-marker{display:none}
.row-actions[open]>summary{background:#eef3ff;border-color:#cad8fb;color:#2354c9}
.row-actions-menu{position:absolute;right:0;top:calc(100% + 7px);width:230px;padding:12px;border:1px solid var(--admin-line);border-radius:12px;background:#fff;box-shadow:0 16px 36px rgba(20,34,62,.15);z-index:50}
.row-actions-menu form{display:grid;gap:9px;margin:0 0 8px}
.row-actions-menu form:last-of-type{margin-bottom:0}
.row-actions-menu label{display:grid;gap:5px;font-size:11px;color:var(--admin-muted)}
.row-actions-menu select{padding:8px 10px;font-size:12px}
.row-actions-menu small{font-size:11px;color:var(--admin-muted)}
.admin-empty-state{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;color:var(--admin-muted)}
.admin-empty-state.small{min-height:140px;padding:18px}
.admin-empty-state>span{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#eef3ff;color:var(--admin-blue);margin-bottom:12px}
.admin-empty-state>span .ic{width:23px;height:23px}
.admin-empty-state h3{margin:0 0 5px;font-size:16px}
.admin-empty-state p{margin:0;max-width:420px;font-size:13px}
.empty-action{text-align:center;padding-bottom:28px}
.admin-package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.admin-package-card{display:flex;flex-direction:column;min-height:340px;padding:21px;background:#fff;border:1px solid var(--admin-line);border-radius:16px;box-shadow:0 1px 2px rgba(20,34,62,.04)}
.admin-package-card.is-muted{opacity:.72;background:#fafbfd}
.package-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}
.package-card-top>div{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.package-card-top>small{color:var(--admin-muted);font-size:11px}
.admin-package-card h2{font-size:20px;margin:0 0 2px;letter-spacing:-.02em}
.package-en-name{margin:0 0 12px;color:var(--admin-muted);font-size:12px}
.admin-package-card>p:not(.package-en-name){margin:0 0 16px;color:#65728a;font-size:13px;min-height:58px}
.package-price{display:flex;align-items:baseline;gap:7px;margin-bottom:15px}
.package-price strong{font-size:28px;line-height:1;color:var(--admin-text);letter-spacing:-.03em}
.package-price span{font-size:12px;color:var(--admin-muted)}
.package-meta{display:grid;gap:8px;padding:13px 0;border-top:1px solid var(--admin-line);font-size:12px;color:var(--admin-muted)}
.package-meta span{display:flex;justify-content:space-between;gap:10px}
.package-meta strong{color:var(--admin-text)}
.package-meta code{padding:2px 6px;font-size:11px}
.package-actions{display:flex;gap:8px;margin-top:auto;padding-top:16px}
.package-actions form{margin:0}
.admin-subscription-list{display:grid;gap:12px}
.admin-subscription-card{background:#fff;border:1px solid var(--admin-line);border-radius:15px;box-shadow:0 1px 2px rgba(20,34,62,.04);padding:16px 18px}
.subscription-summary{display:grid;grid-template-columns:minmax(190px,1.3fr) minmax(120px,.8fr) minmax(210px,1fr) 70px 100px auto;align-items:center;gap:16px}
.subscription-summary>div:not(.subscription-user){display:grid;gap:2px}
.subscription-summary small{font-size:10.5px;color:var(--admin-muted);text-transform:uppercase;letter-spacing:.045em}
.subscription-summary strong{font-size:12.5px}
.subscription-edit{position:relative}
.subscription-edit>summary{list-style:none;cursor:pointer;white-space:nowrap}
.subscription-edit>summary::-webkit-details-marker{display:none}
.subscription-form-wrap{grid-column:1/-1;margin-top:14px;padding-top:16px;border-top:1px solid var(--admin-line)}
.subscription-edit[open]{grid-column:1/-1}
.subscription-edit[open] .subscription-form-wrap{display:block}
.subscription-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.subscription-form label{display:grid;gap:6px;font-size:12px;font-weight:600;color:#4a5871}
.subscription-form .full{grid-column:1/-1}
.subscription-form textarea{min-height:88px}
.form-actions{display:flex;justify-content:flex-end}
.admin-trial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.admin-trial-card{padding:19px;background:#fff;border:1px solid var(--admin-line);border-radius:15px;box-shadow:0 1px 2px rgba(20,34,62,.04)}
.trial-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:15px}
.trial-head h2{font-size:16px;margin:0 0 2px}
.trial-head a{font-size:12px;color:var(--admin-blue)}
.trial-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:13px;border-radius:12px;background:#f8faff}
.trial-details span{display:grid;gap:2px;min-width:0}
.trial-details small{font-size:10.5px;color:var(--admin-muted)}
.trial-details strong{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trial-note{margin:13px 0 0;padding:11px;border-left:3px solid #8eabf7;background:#fbfcff;color:#526079;font-size:12.5px}
.trial-actions{display:grid;grid-template-columns:minmax(120px,1fr) auto auto;gap:8px;margin-top:14px}
.trial-actions select{padding:7px 10px;font-size:12px}
.admin-ticket-list{display:grid;gap:14px}
.admin-ticket-card{padding:20px;background:#fff;border:1px solid var(--admin-line);border-radius:15px;box-shadow:0 1px 2px rgba(20,34,62,.04)}
.ticket-card-head{display:flex;justify-content:space-between;gap:12px;align-items:center}
.ticket-card-head>div{display:flex;gap:7px}
.ticket-card-head>small{font-size:11px;color:var(--admin-muted)}
.admin-ticket-card h2{font-size:17px;margin:13px 0 2px}
.ticket-user{margin:0 0 12px;color:var(--admin-muted);font-size:12.5px}
.ticket-user a{color:var(--admin-blue)}
.admin-ticket-card blockquote{font-size:13px;margin:0 0 14px;background:#f8faff;border-left-color:#8eabf7}
.ticket-reply-grid{display:grid;grid-template-columns:180px minmax(0,1fr) auto;gap:12px;align-items:end}
.ticket-reply-grid label{display:grid;gap:5px;font-size:12px;color:#526079;font-weight:600}
.ticket-reply-grid textarea{min-height:76px}
.coupon-create-card{margin-bottom:14px}
.coupon-form{display:grid;grid-template-columns:1.15fr 1fr 1fr 1.2fr auto auto;align-items:end;gap:10px}
.coupon-form label:not(.check){display:grid;gap:6px;font-size:12px;font-weight:600;color:#526079}
.compact-check{height:41px;padding:0 4px;font-size:12px!important;white-space:nowrap}
.coupon-table th:nth-child(1){width:18%}.coupon-table th:nth-child(2){width:16%}.coupon-table th:nth-child(3){width:16%}.coupon-table th:nth-child(4){width:17%}.coupon-table th:nth-child(5){width:17%}.coupon-table th:nth-child(6){width:16%}
.audit-table th:nth-child(1){width:18%}.audit-table th:nth-child(2){width:24%}.audit-table th:nth-child(3){width:23%}.audit-table th:nth-child(4){width:20%}.audit-table th:nth-child(5){width:15%}
.admin-v2 input,.admin-v2 select,.admin-v2 textarea{border-radius:9px;border-color:#dce3ee;padding:10px 11px;font-size:13px;background:#fff}
.admin-v2 input:focus,.admin-v2 select:focus,.admin-v2 textarea:focus{border-color:#6790f6;box-shadow:0 0 0 3px rgba(53,109,243,.12)}
.admin-v2 textarea{resize:vertical;min-height:96px}
.admin-form-card{padding:22px}
.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.admin-form-grid.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}
.admin-form-grid label,.admin-form-card>label{display:grid;align-content:start;gap:6px;font-size:12.5px;color:#42516b;font-weight:650}
.admin-form-grid label>small,.admin-form-card label>small{font-size:11px;color:var(--admin-muted);font-weight:400}
.admin-form-grid .full{grid-column:1/-1}
.admin-edit-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.72fr);gap:17px;align-items:start}
.admin-side-stack{display:grid;gap:14px}
.user-summary-card{text-align:center}
.user-profile-mark{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;margin:0 auto 12px;background:linear-gradient(145deg,#4f83ff,#3264eb);color:#fff;font-size:22px;font-weight:750}
.user-summary-card h2{font-size:18px;margin:0 0 2px}
.user-summary-card>p{font-size:12px;color:var(--admin-muted);margin:0 0 16px}
.user-summary-stats{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--admin-line);border-radius:12px;overflow:hidden;margin-bottom:15px}
.user-summary-stats span{display:grid;padding:12px;color:var(--admin-muted);font-size:11px}
.user-summary-stats span+span{border-left:1px solid var(--admin-line)}
.user-summary-stats strong{font-size:18px;color:var(--admin-text)}
.user-summary-card dl{display:grid;margin:0;text-align:left}
.user-summary-card dl>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--admin-line)}
.user-summary-card dl>div:last-child{border-bottom:0}
.user-summary-card dt{font-size:12px;color:var(--admin-muted)}
.user-summary-card dd{margin:0;font-size:12px;font-weight:600;text-align:right}
.mini-order-list{display:grid}
.mini-order-list>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--admin-line)}
.mini-order-list>div:last-child{border-bottom:0}
.mini-order-list span{display:grid}
.mini-order-list span:last-child{text-align:right}
.mini-order-list strong{font-size:12.5px}
.mini-order-list small{font-size:10.5px;color:var(--admin-muted)}
.status-text.success{color:#21824b}.status-text.warning{color:#93650c}.status-text.danger{color:#b73c3c}.status-text.neutral{color:#61708a}
.admin-package-editor,.admin-settings-form{display:grid;gap:14px;padding-bottom:76px}
.switch-field{display:flex!important;align-items:center!important;justify-content:space-between!important;border:1px solid #dce3ee;border-radius:10px;padding:9px 11px;min-height:41px}
.switch-control{position:relative;width:42px;height:24px;display:block}
.switch-control input{position:absolute;opacity:0;width:1px;height:1px}
.switch-control i{position:absolute;inset:0;border-radius:999px;background:#ccd5e3;transition:.18s}
.switch-control i::after{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.18);transition:.18s}
.switch-control input:checked+i{background:var(--admin-blue)}
.switch-control input:checked+i::after{transform:translateX(18px)}
.sticky-form-actions{display:flex;justify-content:flex-end;align-items:center;gap:9px;margin-top:18px;padding-top:16px;border-top:1px solid var(--admin-line)}
.page-sticky-actions{position:sticky;bottom:-1px;z-index:15;margin:0;padding:12px 0;background:linear-gradient(to top,var(--admin-bg) 76%,rgba(245,247,251,0));border:0}
.back-link{display:inline-flex;margin-bottom:7px;color:var(--admin-blue);font-size:12.5px;font-weight:650}
.admin-v2 .pager{max-width:1500px;margin:16px auto 0}
.admin-v2 .pager a{background:#fff}
.admin-v2 .pager .muted{font-size:12px}
.admin-v2 .muted.left{text-align:left}

@media(max-height:720px) and (min-width:761px){
  .admin-v2 .admin-sidebar{padding-top:8px;padding-bottom:8px}
  .admin-brand-row{height:54px;padding-bottom:4px}
  .admin-v2 .admin-sidebar .brand-logo{height:33px}
  .admin-v2 .admin-nav{gap:7px}
  .admin-v2 .admin-sidebar a:not(.brand){min-height:34px;padding-top:7px;padding-bottom:7px;font-size:13px}
  .admin-v2 .admin-group>small{font-size:9px}
  .admin-v2 .admin-user{min-height:54px;padding-top:7px}
}
@media(max-width:1180px){
  .admin-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-dashboard-columns{grid-template-columns:1fr}
  .admin-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .subscription-summary{grid-template-columns:minmax(180px,1.2fr) minmax(120px,.8fr) minmax(180px,1fr) 65px 95px}
  .subscription-edit{grid-column:1/-1;justify-self:end}
  .coupon-form{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:980px){
  .admin-v2.admin-body{grid-template-columns:205px minmax(0,1fr)}
  .admin-v2{--admin-sidebar:205px}
  .admin-v2 .admin-sidebar .brand-logo{max-width:180px;height:34px}
  .admin-v2 .admin-main{padding:22px 18px 40px}
  .admin-trial-grid{grid-template-columns:1fr}
  .admin-edit-layout{grid-template-columns:1fr}
  .order-table th:nth-child(4),.order-table td:nth-child(4){display:none}
  .user-table th:nth-child(4),.user-table td:nth-child(4),.user-table th:nth-child(5),.user-table td:nth-child(5){display:none}
}
@media(max-width:760px){
  .admin-v2.admin-body{display:block;height:auto;overflow:auto}
  .admin-v2 .admin-sidebar{display:none}
  .admin-shell{height:auto;min-height:100vh;display:block;overflow:visible}
  .admin-topbar{position:sticky;top:0;height:58px;padding:0 14px}
  .admin-workspace-chip span{display:none}
  .admin-v2 .admin-main{overflow:visible;padding:18px 13px 32px}
  .admin-page-head{display:grid;margin-bottom:17px}
  .admin-page-head h1{font-size:24px}
  .admin-head-actions{justify-content:flex-start}
  .admin-kpi-grid,.admin-quick-grid,.admin-package-grid,.admin-form-grid,.admin-form-grid.three-col,.subscription-form,.coupon-form{grid-template-columns:1fr}
  .admin-quick-grid>a,.admin-quick-grid>a:nth-child(odd),.admin-quick-grid>a:nth-last-child(-n+2){border-right:0;border-bottom:1px solid var(--admin-line)}
  .admin-quick-grid>a:last-child{border-bottom:0}
  .admin-mini-summary{grid-template-columns:1fr}
  .admin-card{padding:16px;border-radius:14px}
  .admin-table table,.admin-table tbody,.admin-table tr,.admin-table td{display:block;width:100%}
  .admin-table thead{display:none}
  .admin-table tr{padding:13px 0;border-bottom:1px solid var(--admin-line)}
  .admin-table tr:last-child{border-bottom:0}
  .admin-table td{display:flex!important;align-items:center;justify-content:space-between;gap:14px;padding:6px 0;border:0;text-align:right!important}
  .admin-table td::before{content:attr(data-label);font-size:10px;color:var(--admin-muted);text-transform:uppercase;letter-spacing:.04em;text-align:left}
  .admin-table td>*{margin-left:auto}
  .subscription-summary{grid-template-columns:1fr 1fr}
  .subscription-user{grid-column:1/-1}
  .subscription-edit{grid-column:1/-1;justify-self:stretch}
  .subscription-edit>summary{width:100%}
  .trial-details{grid-template-columns:1fr}
  .trial-actions{grid-template-columns:1fr}
  .ticket-reply-grid{grid-template-columns:1fr}
  .admin-form-grid .full,.subscription-form .full{grid-column:auto}
  .page-sticky-actions{bottom:0}
  .admin-topbar-user>div{display:none}
}

/* ========================================================================== */
/* IPTV PILOT CUSTOMER PORTAL V2 — OrderPilot-aligned self-service workspace  */
/* ========================================================================== */
.customer-v2{
  --customer-sidebar:244px;
  --customer-topbar:64px;
  --customer-blue:#356df3;
  --customer-blue-strong:#2458df;
  --customer-blue-soft:#eef3ff;
  --customer-text:#172033;
  --customer-muted:#73809a;
  --customer-line:#e2e8f2;
  --customer-bg:#f5f7fb;
  --customer-card:#fff;
}
.customer-v2 *{scrollbar-width:thin;scrollbar-color:#cbd4e3 transparent}
.customer-v2::-webkit-scrollbar,.customer-v2 *::-webkit-scrollbar{width:7px;height:7px}
.customer-v2::-webkit-scrollbar-thumb,.customer-v2 *::-webkit-scrollbar-thumb{background:#cbd4e3;border-radius:99px}
.customer-v2.customer-body{display:grid;grid-template-columns:var(--customer-sidebar) minmax(0,1fr);height:100vh;min-height:0;overflow:hidden;background:var(--customer-bg);color:var(--customer-text)}
.customer-sidebar{height:100vh;padding:14px 12px 12px;background:#fff;border-right:1px solid var(--customer-line);display:flex;flex-direction:column;overflow:hidden;z-index:80}
.customer-brand-row{height:66px;padding:0 4px 10px;display:flex;align-items:center;justify-content:space-between}
.customer-sidebar .brand-logo{height:38px;max-width:210px;width:auto;object-fit:contain}
.customer-sidebar-close{display:none;border:0;background:none;font-size:26px;color:var(--customer-muted);cursor:pointer}
.customer-nav{flex:1;min-height:0;display:flex;flex-direction:column;gap:14px;padding:4px 0 8px;overflow:visible}
.customer-nav-group{display:flex;flex-direction:column;gap:2px}
.customer-nav-bottom{margin-top:auto}
.customer-nav-group>small{padding:0 12px 4px;color:#9aa7bd;font-size:10px;line-height:1.2;letter-spacing:.08em;font-weight:750;text-transform:uppercase}
.customer-nav a{position:relative;min-height:39px;padding:8px 11px;border-radius:10px;display:flex;align-items:center;gap:10px;color:#465571;font-size:13.7px;line-height:1.15;font-weight:520;transition:.15s}
.customer-nav a .ic{width:18px;height:18px;color:#71809a}
.customer-nav a:hover{background:#f0f4fb;color:#1f4ec2}
.customer-nav a:hover .ic{color:var(--customer-blue)}
.customer-nav a.is-active{background:#eaf0ff;color:#2255cf;font-weight:680}
.customer-nav a.is-active::before{content:"";position:absolute;left:-12px;top:8px;bottom:8px;width:3px;border-radius:0 4px 4px 0;background:var(--customer-blue)}
.customer-nav a.is-active .ic{color:var(--customer-blue)}
.customer-user-card{min-height:62px;padding:10px 8px 0;border-top:1px solid var(--customer-line);display:flex;align-items:center;gap:9px}
.customer-user-card>div{min-width:0;flex:1}
.customer-user-card strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.customer-user-card small{display:block;color:var(--customer-muted);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:126px}
.customer-user-card form{margin:0}
.customer-avatar{width:38px;height:38px;flex:0 0 38px;border-radius:11px;display:inline-grid;place-items:center;background:linear-gradient(145deg,#4f83ff,#3264eb);color:#fff;font-weight:750;font-size:14px}
.customer-avatar.compact{width:34px;height:34px;flex-basis:34px;border-radius:10px;font-size:12.5px}
.customer-avatar.large{width:72px;height:72px;border-radius:20px;font-size:25px;margin:0 auto 12px}
.customer-logout{width:32px;height:32px;padding:0;border:1px solid var(--customer-line);border-radius:9px;background:#fff;display:grid;place-items:center;color:var(--customer-muted);cursor:pointer}
.customer-logout:hover{color:var(--red);background:var(--red-bg);border-color:#fecaca}
.customer-logout .ic{width:17px;height:17px}
.customer-overlay{display:none}
.customer-shell{height:100vh;min-width:0;display:grid;grid-template-rows:var(--customer-topbar) minmax(0,1fr);overflow:hidden}
.customer-topbar{height:var(--customer-topbar);padding:0 26px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.96);border-bottom:1px solid var(--customer-line);backdrop-filter:blur(14px);z-index:40}
.customer-workspace-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid var(--customer-line);border-radius:999px;background:#f8faff;color:#4a5872;font-size:13px;font-weight:600}
.customer-workspace-chip .ic{width:16px;height:16px;color:var(--customer-blue)}
.customer-topbar-actions{display:flex;align-items:center;gap:12px}
.customer-profile-chip{display:flex;align-items:center;gap:9px;padding:4px 5px 4px 4px;border-radius:11px}
.customer-profile-chip:hover{background:#f5f7fb}
.customer-profile-chip strong,.customer-profile-chip small{display:block;line-height:1.25}
.customer-profile-chip strong{font-size:12.5px}
.customer-profile-chip small{font-size:10.5px;color:var(--customer-muted)}
.customer-menu-button{display:none;width:36px;height:36px;border:1px solid var(--customer-line);border-radius:10px;background:#fff;color:var(--customer-blue);place-items:center;cursor:pointer}
.customer-main{min-width:0;overflow-y:auto;padding:30px 34px 50px}
.customer-main>*{max-width:1480px;margin-left:auto;margin-right:auto}
.customer-flash{max-width:1480px;margin-top:0;margin-bottom:18px}
.customer-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}
.customer-page-head h1{font-size:31px;line-height:1.12;letter-spacing:-.025em;margin:5px 0 7px}
.customer-page-head p{max-width:760px;margin:0;color:var(--customer-muted);font-size:14px}
.customer-eyebrow,.customer-card-kicker{display:block;color:var(--customer-blue);font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.customer-card{background:var(--customer-card);border:1px solid var(--customer-line);border-radius:17px;box-shadow:0 1px 2px rgba(20,34,62,.045);padding:21px}
.customer-card h2{margin:3px 0;font-size:19px;letter-spacing:-.015em}
.customer-card p{color:var(--customer-muted)}
.customer-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}
.customer-card-head p{margin:3px 0 0;font-size:12.5px}
.customer-card-head>a{color:var(--customer-blue);font-size:12.5px;font-weight:650}
.customer-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:17px}
.customer-kpi{min-height:116px;padding:18px 19px;background:#fff;border:1px solid var(--customer-line);border-radius:15px;box-shadow:0 1px 2px rgba(20,34,62,.045);display:flex;align-items:flex-start;gap:13px;position:relative;overflow:hidden}
.customer-kpi::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#4e7ff7,#6da2ff)}
.customer-kpi-icon,.customer-list-icon{width:38px;height:38px;flex:0 0 38px;border-radius:11px;background:var(--customer-blue-soft);color:var(--customer-blue);display:grid;place-items:center}
.customer-kpi-icon .ic,.customer-list-icon .ic{width:19px;height:19px}
.customer-kpi div{min-width:0}
.customer-kpi small{display:block;color:var(--customer-muted);font-size:11.5px;margin-bottom:3px}
.customer-kpi strong{display:block;font-size:20px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.customer-kpi p{margin:5px 0 0;font-size:11px;color:#8b98ad}
.customer-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.8fr);gap:17px;margin-bottom:17px;align-items:start}
.customer-dashboard-grid.lower{grid-template-columns:1fr 1fr}
.subscription-plan-line{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:9px 0 12px}
.subscription-plan-line strong{display:block;font-size:22px}
.subscription-plan-line small{display:block;color:var(--customer-muted);font-size:11.5px}
.subscription-plan-line>span{padding:6px 10px;border-radius:999px;background:#f4f7fc;color:#52617a;font-size:11.5px;font-weight:650}
.customer-progress{height:7px;border-radius:999px;background:#edf1f7;overflow:hidden}
.customer-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#356df3,#70a4ff)}
.subscription-meta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:17px 0}
.subscription-meta-grid>div{padding:12px;border:1px solid var(--customer-line);border-radius:11px;background:#fbfcfe}
.subscription-meta-grid small,.subscription-meta-grid strong{display:block}
.subscription-meta-grid small{font-size:10.5px;color:var(--customer-muted)}
.subscription-meta-grid strong{font-size:13px;margin-top:2px}
.customer-card-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}
.customer-quick-list{display:grid}
.customer-quick-list>a{display:grid;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:11px;padding:11px 2px;border-bottom:1px solid var(--customer-line)}
.customer-quick-list>a:last-child{border-bottom:0}
.customer-quick-list>a>span:first-child{width:38px;height:38px;border-radius:11px;background:#f0f4ff;color:var(--customer-blue);display:grid;place-items:center}
.customer-quick-list>a>span .ic{width:18px;height:18px}
.customer-quick-list>a>div{min-width:0}
.customer-quick-list strong,.customer-quick-list small{display:block}
.customer-quick-list strong{font-size:13px}
.customer-quick-list small{color:var(--customer-muted);font-size:11px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.customer-quick-list>a>.ic{width:15px;height:15px;color:#9aa8be}
.customer-list{display:grid}
.customer-list-row{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid var(--customer-line)}
.customer-list-row:last-child{border-bottom:0}
.customer-list-row>div:nth-child(2){min-width:0;flex:1}
.customer-list-row strong,.customer-list-row small{display:block}
.customer-list-row strong{font-size:12.5px}
.customer-list-row small{color:var(--customer-muted);font-size:10.8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.customer-list-right{text-align:right;display:flex;align-items:flex-end;flex-direction:column;gap:4px}
.customer-list-right strong{font-size:12px}
.customer-trial-banner,.limit-reached-card,.access-pending-card{display:flex;align-items:center;gap:16px;margin-top:17px}
.customer-trial-banner>span:first-child,.limit-reached-card>span:first-child,.access-pending-icon{width:44px;height:44px;flex:0 0 44px;border-radius:13px;background:var(--customer-blue-soft);color:var(--customer-blue);display:grid;place-items:center}
.customer-trial-banner>div,.limit-reached-card>div,.access-pending-card>div{flex:1}
.customer-trial-banner p,.limit-reached-card p,.access-pending-card p{margin:2px 0;font-size:12.5px}
.customer-empty{min-height:270px;padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.customer-empty.compact{min-height:140px;padding:18px}
.customer-empty>span{width:50px;height:50px;border-radius:15px;background:var(--customer-blue-soft);color:var(--customer-blue);display:grid;place-items:center;margin-bottom:12px}
.customer-empty h2,.customer-empty h3{margin:0 0 4px}
.customer-empty p{max-width:470px;margin:0 0 16px;font-size:13px}
.customer-subscription-hero{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;margin-bottom:17px;padding:25px}
.subscription-validity-row{display:grid;grid-template-columns:auto minmax(120px,1fr) auto;align-items:end;gap:15px;margin-top:28px}
.subscription-validity-row small,.subscription-validity-row strong{display:block}
.subscription-validity-row small{color:var(--customer-muted);font-size:10.5px}
.subscription-validity-row strong{font-size:13px}
.validity-progress{height:9px;background:#edf1f7;border-radius:999px;overflow:hidden;margin-bottom:5px}
.validity-progress span{display:block;height:100%;background:linear-gradient(90deg,#356df3,#70a4ff);border-radius:inherit}
.subscription-progress-caption{font-size:11.5px;margin:9px 0 0;text-align:center}
.subscription-hero-side{border-left:1px solid var(--customer-line);padding-left:24px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.subscription-hero-side>div{padding:11px;background:#f8faff;border-radius:11px}
.subscription-hero-side small,.subscription-hero-side strong{display:block}
.subscription-hero-side small{color:var(--customer-muted);font-size:10px}
.subscription-hero-side strong{font-size:12.5px;margin-top:3px}
.customer-feature-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.customer-feature-list>div{display:flex;gap:10px;padding:13px;border:1px solid var(--customer-line);border-radius:12px;background:#fbfcfe}
.customer-feature-list>div>span{width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:var(--customer-blue-soft);color:var(--customer-blue);display:grid;place-items:center}
.customer-feature-list p,.customer-feature-list strong,.customer-feature-list small{display:block;margin:0}
.customer-feature-list strong{font-size:12px}
.customer-feature-list small{font-size:10.5px;color:var(--customer-muted);margin-top:2px}
.renewal-card{text-align:center;padding:28px}
.renewal-icon,.support-promo-card>span{width:52px;height:52px;margin:0 auto 12px;border-radius:15px;background:var(--customer-blue-soft);color:var(--customer-blue);display:grid;place-items:center}
.renewal-card p,.support-promo-card p{font-size:12.5px}
.renewal-card .btn+.btn{margin-top:9px}
.customer-history-card{margin-top:17px}
.customer-table-wrap{overflow-x:auto}
.customer-table{font-size:12.5px}
.customer-table th{font-size:10px}
.customer-table td{padding:12px}
.secure-access-card{padding:25px;margin-bottom:17px}
.secure-access-head{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:14px;margin-bottom:18px}
.secure-access-icon{width:52px;height:52px;border-radius:15px;background:linear-gradient(145deg,#3268ed,#5b8cff);color:#fff;display:grid;place-items:center}
.secure-access-head p{font-size:12.5px;margin:3px 0}
.security-notice{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid #d8e5ff;border-radius:12px;background:#f4f7ff;color:#405477;margin-bottom:17px}
.security-notice .ic{width:18px;color:var(--customer-blue)}
.security-notice p,.security-notice strong,.security-notice span{display:block;margin:0}
.security-notice strong{font-size:12px}
.security-notice span{font-size:10.8px;color:#73809a}
.credential-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:12px}
.credential-field{padding:13px;border:1px solid var(--customer-line);border-radius:12px;background:#fbfcfe;min-width:0}
.credential-field>small{display:block;color:var(--customer-muted);font-size:10.5px;margin-bottom:7px}
.credential-field>div{display:flex;align-items:center;gap:8px;min-width:0}
.credential-field code{min-width:0;flex:1;padding:0;background:none;color:#22304a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.credential-field button{border:0;background:none;color:var(--customer-blue);display:flex;align-items:center;gap:4px;font-size:10.5px;font-weight:650;cursor:pointer}
.credential-field button:disabled{opacity:.4;cursor:not-allowed}
.credential-field button .ic{width:14px;height:14px}
.access-reveal-actions{display:flex;align-items:center;gap:9px;margin-top:17px}
.access-reveal-actions form{margin:0}
.access-reveal-actions small{color:var(--customer-muted);font-size:10.8px;margin-left:auto}
.access-instructions{margin-top:16px;padding:15px;border-radius:12px;background:#f8faff;border:1px solid var(--customer-line)}
.access-instructions h3{font-size:13px;margin:0 0 5px}
.access-instructions p{margin:0;font-size:12px;white-space:pre-line}
.customer-step-list{display:grid;margin-bottom:17px}
.customer-step-list>div{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid var(--customer-line)}
.customer-step-list>div:last-child{border-bottom:0}
.customer-step-list b{width:28px;height:28px;border-radius:9px;background:var(--customer-blue-soft);color:var(--customer-blue);display:grid;place-items:center;font-size:11px}
.customer-step-list p,.customer-step-list strong,.customer-step-list small{display:block;margin:0}
.customer-step-list strong{font-size:12px}.customer-step-list small{font-size:10.5px;color:var(--customer-muted)}
.support-promo-card{text-align:center;padding:28px}
.device-usage-card{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:17px}
.device-usage-card h2{font-size:22px}.device-usage-card p{font-size:12px;margin:3px 0}
.device-usage-visual{width:min(360px,42%);display:flex;align-items:center;gap:10px}.device-usage-visual .customer-progress{flex:1}.device-usage-visual small{color:var(--customer-muted);font-size:11px}
.customer-device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:17px}
.customer-device-card{padding:19px;background:#fff;border:1px solid var(--customer-line);border-radius:15px;box-shadow:0 1px 2px rgba(20,34,62,.04)}
.device-card-top{display:flex;justify-content:space-between;align-items:center}.device-card-top>span:first-child{width:43px;height:43px;border-radius:13px;background:var(--customer-blue-soft);color:var(--customer-blue);display:grid;place-items:center}
.customer-device-card h2{font-size:17px;margin:14px 0 1px}.customer-device-card>p{font-size:11.5px;margin:0 0 13px}
.customer-device-card dl{margin:0 0 15px}.customer-device-card dl>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--customer-line);font-size:11px}.customer-device-card dt{color:var(--customer-muted)}.customer-device-card dd{margin:0;text-align:right;font-weight:600}
.device-empty{min-height:285px}.customer-form-card{padding:22px;margin-bottom:17px}.customer-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.customer-form-grid.one-col{grid-template-columns:1fr}.customer-form-grid label{display:grid;gap:6px;color:#42516b;font-size:12.5px;font-weight:650}.customer-form-grid label small{font-size:10.5px;color:var(--customer-muted);font-weight:400}.customer-form-grid .full{grid-column:1/-1}.customer-form-actions{display:flex;justify-content:flex-end}
.guide-device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:17px}.guide-device-card{padding:20px;background:#fff;border:1px solid var(--customer-line);border-radius:16px;box-shadow:0 1px 2px rgba(20,34,62,.04)}.guide-card-icon{width:45px;height:45px;border-radius:13px;background:var(--customer-blue-soft);color:var(--customer-blue);display:grid;place-items:center}.guide-device-card h2{font-size:17px;margin:13px 0 3px}.guide-device-card>p{font-size:12px;min-height:39px;margin:0 0 12px}.guide-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:13px}.guide-tags span{padding:4px 7px;border-radius:7px;background:#f3f6fb;color:#63718a;font-size:9.5px}.guide-steps{margin-top:13px;padding-top:13px;border-top:1px solid var(--customer-line)}.guide-steps ol{padding-left:20px;margin:0 0 13px}.guide-steps li{padding:4px 0;color:#596881;font-size:11px}.customer-check-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}.customer-check-list p{display:flex;align-items:flex-start;gap:8px;margin:0;padding:10px;border:1px solid var(--customer-line);border-radius:10px;font-size:11.5px}.customer-check-list .ic{width:16px;color:var(--green)}
.payment-action-card{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(420px,1.2fr);gap:20px;align-items:center;margin-bottom:17px}.payment-action-copy{display:flex;align-items:center;gap:13px}.payment-action-copy>span{width:45px;height:45px;border-radius:13px;background:#fff4d8;color:#a8700c;display:grid;place-items:center}.payment-action-copy h2{font-size:17px}.payment-action-copy p{font-size:11.5px;margin:2px 0}.payment-reference-form{display:grid;grid-template-columns:1fr 1.4fr auto;gap:9px;align-items:end}.payment-reference-form label{display:grid;gap:5px;font-size:10.5px;color:var(--customer-muted);font-weight:650}.customer-count-badge{min-width:30px;height:30px;padding:0 8px;border-radius:999px;background:var(--customer-blue-soft);color:var(--customer-blue);display:grid;place-items:center;font-size:11px;font-weight:700}.customer-order-list{display:grid;gap:11px}.customer-order-card{padding:16px;border:1px solid var(--customer-line);border-radius:13px;background:#fbfcfe}.order-card-main{display:flex;align-items:center;gap:11px}.order-card-main h3{font-size:14px;margin:2px 0}.order-card-main p{font-size:10.5px;margin:0}.order-card-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:13px}.order-card-meta>div{padding:9px;border-radius:9px;background:#fff;border:1px solid var(--customer-line)}.order-card-meta small,.order-card-meta strong{display:block}.order-card-meta small{font-size:9.5px;color:var(--customer-muted)}.order-card-meta strong{font-size:11.5px;margin-top:2px}.order-card-note{display:flex;gap:7px;margin-top:10px;padding:9px 10px;border-radius:9px;background:#fff8e7;color:#805b17}.order-card-note .ic{width:15px}.order-card-note p{font-size:10.5px;margin:0;color:inherit}.order-card-reference{margin-top:9px}.order-card-reference small,.order-card-reference strong{display:block;font-size:10.5px}.order-card-reference small{color:var(--customer-muted)}
.support-layout{grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr)}.support-form-card{position:sticky;top:0;margin:0}.customer-ticket-list{display:grid;gap:9px}.customer-ticket-card{border:1px solid var(--customer-line);border-radius:12px;background:#fbfcfe;overflow:hidden}.customer-ticket-card summary{padding:13px 14px;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;list-style:none}.customer-ticket-card summary::-webkit-details-marker{display:none}.customer-ticket-card summary strong{display:block;font-size:12.5px;margin-top:2px}.ticket-conversation{padding:0 14px 14px;border-top:1px solid var(--customer-line)}.ticket-message{margin-top:12px;padding:11px 12px;border-radius:11px}.ticket-message small{display:block;font-size:9.5px;font-weight:700;margin-bottom:4px}.ticket-message p{font-size:11.5px;margin:0}.customer-message{background:#eef3ff;margin-left:10%}.support-message{background:#fff;border:1px solid var(--customer-line);margin-right:10%}.ticket-waiting{display:flex;align-items:center;gap:8px;padding:11px 0;color:var(--customer-muted)}.ticket-waiting .ic{width:16px}.ticket-waiting p{margin:0;font-size:10.5px}
.profile-layout{grid-template-columns:minmax(0,1.2fr) minmax(280px,.55fr)}.profile-summary-card{text-align:center}.profile-summary-card h2{margin:0}.profile-summary-card>p{margin:2px 0 16px;font-size:12px}.profile-summary-card dl{margin:0;text-align:left}.profile-summary-card dl>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--customer-line)}.profile-summary-card dt{font-size:11px;color:var(--customer-muted)}.profile-summary-card dd{margin:0;font-size:11.5px;font-weight:600}.security-form-card{max-width:1480px}.security-shield{width:42px;height:42px;border-radius:12px;background:var(--customer-blue-soft);color:var(--customer-blue);display:grid;place-items:center}

@media(max-height:760px) and (min-width:881px){
  .customer-sidebar{padding-top:8px;padding-bottom:8px}.customer-brand-row{height:54px;padding-bottom:4px}.customer-sidebar .brand-logo{height:33px}.customer-nav{gap:7px}.customer-nav a{min-height:34px;padding-top:7px;padding-bottom:7px;font-size:13px}.customer-nav-group>small{font-size:9px}.customer-user-card{min-height:54px;padding-top:7px}
}
@media(max-width:1200px){
  .customer-v2{--customer-sidebar:210px}.customer-sidebar .brand-logo{height:34px;max-width:182px}.customer-main{padding:24px 20px 42px}.customer-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-dashboard-grid,.support-layout,.profile-layout{grid-template-columns:1fr}.support-form-card{position:static}.customer-device-grid,.guide-device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-subscription-hero{grid-template-columns:1fr}.subscription-hero-side{border-left:0;border-top:1px solid var(--customer-line);padding-left:0;padding-top:18px}.credential-grid{grid-template-columns:1fr 1fr}.credential-field:first-child{grid-column:1/-1}.payment-action-card{grid-template-columns:1fr}.payment-reference-form{grid-template-columns:1fr 1fr auto}
}
@media(max-width:880px){
  .customer-v2.customer-body{display:block;height:auto;min-height:100vh;overflow:auto}.customer-sidebar{position:fixed;left:0;top:0;bottom:0;width:min(310px,86vw);height:100vh;transform:translateX(-105%);transition:transform .2s ease;box-shadow:0 20px 70px rgba(20,34,62,.2)}.customer-v2.is-menu-open .customer-sidebar{transform:translateX(0)}.customer-sidebar-close{display:block}.customer-overlay{position:fixed;inset:0;background:rgba(15,23,42,.35);z-index:70}.customer-v2.is-menu-open .customer-overlay{display:block}.customer-shell{height:auto;min-height:100vh;display:block;overflow:visible}.customer-topbar{position:sticky;top:0;height:58px;padding:0 13px}.customer-menu-button{display:grid}.customer-workspace-chip{display:none}.customer-main{overflow:visible;padding:18px 13px 34px}.customer-page-head{display:grid;margin-bottom:18px}.customer-page-head h1{font-size:25px}.customer-page-head .btn{justify-self:start}.customer-profile-chip>span:last-child{display:none}.customer-kpi-grid,.customer-dashboard-grid,.customer-dashboard-grid.lower,.customer-device-grid,.guide-device-grid,.customer-feature-list,.customer-form-grid,.customer-check-list{grid-template-columns:1fr}.customer-subscription-hero,.customer-card{border-radius:14px}.customer-kpi{min-height:104px}.subscription-meta-grid{grid-template-columns:1fr}.subscription-validity-row{grid-template-columns:1fr}.subscription-validity-row>div:last-child{text-align:left}.credential-grid{grid-template-columns:1fr}.credential-field:first-child{grid-column:auto}.access-reveal-actions{align-items:flex-start;flex-wrap:wrap}.access-reveal-actions small{width:100%;margin-left:0}.device-usage-card{align-items:flex-start;flex-direction:column}.device-usage-visual{width:100%}.payment-reference-form{grid-template-columns:1fr}.order-card-meta{grid-template-columns:1fr 1fr}.customer-table,.customer-table tbody,.customer-table tr,.customer-table td{display:block;width:100%}.customer-table thead{display:none}.customer-table tr{padding:10px 0;border-bottom:1px solid var(--customer-line)}.customer-table td{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border:0;text-align:right}.customer-table td::before{content:attr(data-label);font-size:9.5px;color:var(--customer-muted);text-transform:uppercase;text-align:left}.customer-form-grid .full{grid-column:auto}.customer-form-actions{justify-content:stretch}.customer-form-actions .btn{width:100%}
}
@media(max-width:520px){
  .customer-topbar-actions{gap:5px}.customer-topbar .lang-switch{margin:0}.customer-topbar .lang-switch a{padding:4px 8px}.customer-profile-chip{display:none}.customer-kpi-grid{grid-template-columns:1fr}.customer-page-head h1{font-size:23px}.customer-card{padding:16px}.customer-kpi strong{font-size:18px}.subscription-plan-line{align-items:flex-start;flex-direction:column}.customer-card-actions{display:grid}.customer-card-actions .btn{width:100%}.secure-access-head{grid-template-columns:44px 1fr}.secure-access-head>.status{grid-column:1/-1;justify-self:start}.credential-field>div{align-items:flex-start;flex-direction:column}.credential-field button{padding:5px 0}.customer-trial-banner,.limit-reached-card,.access-pending-card{align-items:flex-start;flex-wrap:wrap}.customer-trial-banner>div,.limit-reached-card>div,.access-pending-card>div{min-width:calc(100% - 62px)}.limit-reached-card .btn{width:100%}.order-card-meta{grid-template-columns:1fr}.customer-ticket-card summary{align-items:flex-start;flex-direction:column}.customer-message,.support-message{margin-left:0;margin-right:0}
}

/* Admin destructive actions */
.admin-v2 .btn.danger{background:#fff;border:1px solid #f3b7bd;color:#b4232f;box-shadow:none}
.admin-v2 .btn.danger:hover{background:#fff3f4;border-color:#e68d97;color:#971d27}
.admin-v2 .btn.danger:disabled{opacity:.42;cursor:not-allowed;background:#fafafa;border-color:#e1e5ec;color:#8b95a6}
.admin-v2 .btn.danger:disabled:hover{background:#fafafa;border-color:#e1e5ec;color:#8b95a6}
.admin-v2 .btn.icon-only{width:34px;height:34px;padding:0;flex:0 0 34px}
.admin-v2 .btn.icon-only .ic{width:15px;height:15px}
.table-action-group{display:flex;align-items:center;justify-content:flex-end;gap:7px;white-space:nowrap}
.table-action-group form,.inline-delete-form,.subscription-delete-form,.ticket-danger-row form,.trial-action-row>form{margin:0}
.push-right{margin-left:auto!important}
.user-table th:nth-child(1){width:25%}.user-table th:nth-child(2){width:13%}.user-table th:nth-child(3){width:11%}.user-table th:nth-child(4){width:9%}.user-table th:nth-child(5){width:11%}.user-table th:nth-child(6){width:14%}.user-table th:nth-child(7){width:17%}
.subscription-summary{grid-template-columns:minmax(190px,1.3fr) minmax(110px,.75fr) minmax(200px,1fr) 66px 94px 34px auto}
.subscription-delete-form{display:flex;justify-content:center}
.subscription-delete-spacer{width:34px;height:34px}
.trial-action-row{display:flex;align-items:end;gap:8px;margin-top:14px}
.trial-action-row .trial-actions{flex:1;margin-top:0}
.ticket-danger-row{display:flex;justify-content:flex-end;margin-top:13px;padding-top:13px;border-top:1px solid var(--admin-line)}
.danger-zone-card{display:grid;gap:16px;border-color:#f0c8cc;background:#fffafb}
.danger-zone-card>div:first-child{display:flex;align-items:flex-start;gap:12px}
.danger-zone-card h2{margin:0 0 4px;font-size:15px;color:#8f202a}
.danger-zone-card p{margin:0;color:#6e5960;font-size:12.5px;line-height:1.55}
.danger-zone-card>small{display:block;color:#8b5b61;font-size:12px;line-height:1.5}
.danger-zone-icon{width:36px;height:36px;display:grid;place-items:center;flex:0 0 36px;border-radius:10px;background:#feecee;color:#b4232f}
.danger-zone-icon .ic{width:17px;height:17px}
.danger-zone-card.horizontal{grid-template-columns:minmax(0,1fr) auto;align-items:center}

@media (max-width:980px){
  .subscription-summary{grid-template-columns:minmax(170px,1.2fr) minmax(100px,.8fr) minmax(170px,1fr) 60px 90px 34px auto}
}
@media (max-width:760px){
  .table-action-group{flex-wrap:wrap}
  .trial-action-row{align-items:stretch;flex-direction:column}
  .trial-action-row>form:last-child .btn{width:100%}
  .danger-zone-card.horizontal{grid-template-columns:1fr}
  .danger-zone-card.horizontal .btn{width:100%}
  .subscription-delete-spacer{display:none}
  .subscription-delete-form{justify-content:flex-start}
}