:root{--ink:#182230;--muted:#617083;--line:#d7dee8;--paper:#fff;--bg:#f5f7fa;--brand:#0b5e59;--brand-2:#164e63;--accent:#c69b2d;--danger:#a33b3b;--ok:#147a4f}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg);letter-spacing:0}a{color:var(--brand);text-decoration:none}button,.button-link{border:0;background:var(--brand);color:white;padding:10px 15px;border-radius:6px;font-weight:750;cursor:pointer;display:inline-block}button:disabled{opacity:.45;cursor:not-allowed}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:6px;padding:11px 12px;background:white;color:var(--ink);font:inherit}textarea{min-height:105px;resize:vertical}label{display:grid;gap:7px;font-weight:750;font-size:14px}.check{display:flex;align-items:center;gap:9px}.check input{width:auto}.brand{display:flex;align-items:center;gap:10px;font-weight:850;color:var(--ink)}.brand span{display:grid;place-items:center;width:38px;height:38px;border-radius:6px;background:var(--brand);color:white}.public-nav{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,5vw,72px);background:white;border-bottom:1px solid var(--line)}.public-nav nav{display:flex;gap:18px}.portal-home{display:grid;grid-template-columns:minmax(0,1.4fr) 420px;gap:32px;padding:54px clamp(18px,7vw,96px);background:#fff}.home-copy h1,.wizard-header h1,.confirmation h1{font-size:clamp(32px,4vw,48px);line-height:1.08;margin:0 0 14px}.home-copy p,.wizard-header p{font-size:17px;color:var(--muted);max-width:760px}.domain-search.refined,.inline-search{display:grid;grid-template-columns:1fr 150px 150px;gap:10px;max-width:780px;margin-top:24px}.home-actions{display:flex;align-items:center;gap:18px;margin-top:22px}.requirements-panel,.panel,.plan-card,.application-form,.wizard-form,.login-panel{background:white;border:1px solid var(--line);border-radius:8px;padding:20px}.requirements-panel{background:#f8fbfb}.requirements-panel h2{margin-top:0}.package-preview{padding:34px clamp(18px,7vw,96px)}.plans-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.plans-grid.compact{grid-template-columns:repeat(5,1fr)}.price{font-size:28px;font-weight:900}.price span{font-size:14px;color:var(--muted)}.result{margin-top:16px;padding:14px;border-radius:8px;border:1px solid var(--line);background:white}.result.ok{border-color:#b7e1c9;color:var(--ok)}.result.no{border-color:#e8bbbb;color:var(--danger)}.result.small{font-size:14px}.wizard-shell{max-width:1120px;margin:32px auto;padding:0 18px}.wizard-header{margin-bottom:18px}.stepper{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;list-style:none;padding:0;margin:0 0 18px}.stepper li{background:white;border:1px solid var(--line);padding:12px;border-radius:8px;font-weight:800;color:var(--muted)}.stepper li.active{background:#e8f3ef;color:var(--brand);border-color:#b7d8ce}.wizard-form{display:grid;gap:18px}.wizard-step{display:none}.wizard-step.active{display:grid;gap:16px}.grid.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.selectable-plans{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.select-plan{position:relative}.select-plan input{position:absolute;opacity:0}.select-plan span{display:grid;gap:8px;min-height:170px;border:1px solid var(--line);border-radius:8px;padding:16px;background:white}.select-plan input:checked+span{border-color:var(--brand);box-shadow:0 0 0 3px #dcefeb}.select-plan b{font-size:22px}.select-plan em{font-style:normal;color:var(--muted);font-weight:500}.helper{color:var(--muted)}label[data-uploaded]::after{content:attr(data-uploaded);color:var(--ok);font-weight:700}.review-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.terms-box{border:1px solid var(--line);border-radius:8px;padding:18px;background:#f8fafc}.wizard-actions{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px}.modal[hidden]{display:none}.modal{position:fixed;inset:0;background:rgba(15,23,42,.48);display:grid;place-items:center;padding:18px;z-index:20}.modal-card{width:min(720px,100%);background:white;border-radius:10px;padding:22px;box-shadow:0 20px 50px rgba(0,0,0,.22)}.terms-scroll{height:300px;overflow:auto;border:1px solid var(--line);padding:16px;border-radius:8px;line-height:1.65}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.confirmation{max-width:980px;margin:36px auto;padding:0 18px}.confirmation-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:22px 0}.confirmation-grid article{background:white;border:1px solid var(--line);border-radius:8px;padding:16px}.confirmation-grid span{display:block;color:var(--muted);font-weight:750}.confirmation-grid strong{display:block;margin-top:8px}.next-steps{background:white;border:1px solid var(--line);border-radius:8px;padding:20px;margin-bottom:20px}.admin-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{background:#132238;color:white;padding:20px 14px;display:flex;flex-direction:column;gap:10px}.sidebar a{color:#edf3f8;padding:10px;border-radius:6px;display:flex;justify-content:space-between}.sidebar a:hover,.sidebar a.active{background:#1f3350}.sidebar summary{cursor:pointer;color:#aebdd0;font-size:12px;text-transform:uppercase;font-weight:850;padding:8px 10px}.sidebar b,.bell span{background:var(--accent);color:#1c1606;border-radius:999px;padding:2px 8px}.admin-brand{color:white;margin-bottom:8px}.admin-main{padding:22px;min-width:0}.admin-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.admin-topbar small{display:block;color:var(--muted);margin-top:4px}.top-actions{display:flex;align-items:center;gap:12px}.top-actions form{margin:0}.bell{background:white;border:1px solid var(--line);border-radius:6px;padding:9px 12px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.metrics.wide{grid-template-columns:repeat(4,1fr)}.metrics article{background:white;border:1px solid var(--line);border-radius:8px;padding:18px}.metrics span{color:var(--muted);font-weight:750}.metrics strong{display:block;font-size:30px;margin-top:8px}.admin-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}.detail-grid{grid-template-columns:1.4fr 1fr}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:12px;text-transform:uppercase;color:var(--muted)}.status{display:inline-block;border-radius:999px;background:#e8f3ef;color:var(--brand);padding:4px 9px;font-size:12px;font-weight:850}.filters{display:grid;grid-template-columns:2fr 1fr auto;gap:10px;margin-bottom:16px}.filters.expanded{grid-template-columns:2fr repeat(6,1fr) auto}.plan-row,.notification-item,.timeline-item{border-top:1px solid var(--line);padding:12px 0}.plan-row{display:flex;justify-content:space-between}.details{display:grid;gap:12px}.details div{display:grid;grid-template-columns:170px 1fr;gap:14px;border-top:1px solid var(--line);padding-top:12px}dt{color:var(--muted);font-weight:850}.flash{background:#ecfdf3;border:1px solid #b7e1c9;color:var(--ok);padding:12px 14px;border-radius:6px;margin-bottom:16px}.guest-shell{min-height:100vh;display:grid;place-items:center;padding:20px}.login-panel{width:min(440px,100%)}.login-panel form{display:grid;gap:14px}.settings-tabs .tab-grid{display:grid;grid-template-columns:230px 1fr;gap:24px}.settings-tabs aside{position:sticky;top:16px;align-self:start;display:grid;gap:6px}.settings-tabs aside a{padding:9px;border-radius:6px;background:#f7f9fc}.tab-content section{border-top:1px solid var(--line);padding:18px 0}.errors,.error{color:var(--danger)}@media(max-width:1000px){.portal-home,.domain-search.refined,.inline-search,.grid.two,.admin-shell,.admin-grid,.detail-grid,.metrics,.metrics.wide,.plans-grid,.plans-grid.compact,.selectable-plans,.review-grid,.confirmation-grid,.filters,.filters.expanded,.settings-tabs .tab-grid{grid-template-columns:1fr}.admin-topbar{align-items:flex-start;flex-direction:column;gap:12px}.stepper{grid-template-columns:1fr}.details div{grid-template-columns:1fr}.sidebar{position:static}.public-nav{height:auto;padding-top:14px;padding-bottom:14px;gap:14px;align-items:flex-start;flex-direction:column}}

.brand-logo{width:40px;height:40px;object-fit:contain;border-radius:6px;background:#fff;border:1px solid var(--line);padding:3px}.public-footer{display:flex;justify-content:space-between;gap:24px;padding:26px clamp(18px,7vw,96px);background:#0d263f;color:#dbe7f3}.public-footer p{margin:6px 0 0;color:#b8c7d8}.public-footer address{font-style:normal;text-align:right;color:#dbe7f3}.front-footer-band{padding:34px clamp(18px,7vw,96px);background:#fff;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:28px}.front-footer-band h2{margin:0}.front-footer-band p{max-width:680px;color:var(--muted)}.erp-sidebar{background:linear-gradient(180deg,#071c38 0%,#0b2c52 100%);box-shadow:8px 0 24px rgba(8,27,51,.12)}.erp-sidebar .admin-brand{border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:14px}.erp-sidebar .admin-brand span{background:#006b60}.md-control-card{display:flex;gap:10px;align-items:center;margin:4px 4px 12px;padding:12px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.06);color:#fff}.md-control-card img,.md-avatar{width:42px;height:42px;border-radius:10px;object-fit:cover;flex:none}.md-avatar{display:grid;place-items:center;background:#0aa8c2;color:#fff;font-weight:900}.md-control-card small{display:block;color:#aebdd0;font-size:11px}.md-control-card strong{font-size:12px;word-break:break-word}.settings-tabs input[type=file]{padding:9px;background:#f8fafc}.public-body .portal-home{background:linear-gradient(180deg,#fff 0%,#f8fbfd 100%)}@media(max-width:900px){.public-footer,.front-footer-band{flex-direction:column;align-items:flex-start}.public-footer address{text-align:left}}
.domain-checker-react{display:grid;gap:8px}.domain-purchase-note{margin:0}.result a{display:inline-block;margin-left:10px;font-weight:800}

.domain-search-form{display:grid;gap:14px;max-width:820px;margin-top:24px}.domain-purchase-submit{width:max-content}
.domain-scanner{display:grid;gap:14px;padding:18px;border:1px solid #DCE4EC;border-radius:8px;background:linear-gradient(180deg,#FFFFFF 0%,#F8FAFC 100%);box-shadow:0 18px 42px rgba(8,27,51,.08)}
.domain-scanner-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.domain-scanner-head h3{margin:0 0 5px;color:#081B33;font-size:17px;line-height:1.15}.domain-scanner-head p{margin:0;color:#64748B;font-size:13px;line-height:1.45;max-width:620px}.domain-scanner-head span{flex:none;border-radius:999px;background:#EAF0F6;color:#081B33;border:1px solid #DCE4EC;padding:6px 10px;font-weight:850;font-size:11px;letter-spacing:.04em}
.domain-scanner-row{display:grid;grid-template-columns:minmax(0,1fr) 150px 110px;gap:10px;align-items:end}.domain-scanner-row label{margin:0}.domain-scanner-row select:disabled{opacity:1;color:#081B33;background:#EAF0F6}
.domain-scan-result{display:grid;gap:4px;padding:14px;border-radius:8px;border:1px solid #DCE4EC;background:#FFFFFF;color:#102A43}.domain-scan-result strong{color:#081B33;font-size:14px}.domain-scan-result span{color:#64748B;line-height:1.45}.domain-scan-result.ok{border-color:#B7E1C9;background:#F2FBF6}.domain-scan-result.ok strong{color:#166D4F}.domain-scan-result.no{border-color:#F1B6BE;background:#FFF5F6}.domain-scan-result.no strong{color:#E32636}.domain-scan-result a{font-weight:850;color:#081B33;width:max-content}
.info-page{padding:44px clamp(18px,7vw,96px);background:#F5F7FA}.info-hero{max-width:980px;margin:0 auto 22px;padding:30px;border-radius:8px;color:#fff;background:radial-gradient(circle at 88% 12%,rgba(227,38,54,.44),transparent 28%),linear-gradient(135deg,#081B33 0%,#0E3158 100%);box-shadow:0 24px 60px rgba(8,27,51,.18)}.info-hero h1{margin:0 0 10px;font-size:clamp(30px,4vw,46px);line-height:1.05}.info-hero p{margin:0;color:#EAF0F6;max-width:760px;font-size:16px;line-height:1.55}.info-content{max-width:980px;margin:0 auto;display:grid;gap:14px}.info-section{border:1px solid #DCE4EC;border-radius:8px;background:#fff;padding:22px;box-shadow:0 16px 42px rgba(8,27,51,.07)}.info-section h2{margin:0 0 10px;color:#081B33;font-size:19px}.info-section p{margin:8px 0 0;color:#102A43;line-height:1.65}.public-nav nav{flex-wrap:wrap}
@media(max-width:760px){.domain-scanner-head,.domain-scanner-row{grid-template-columns:1fr;display:grid}.domain-purchase-submit{width:100%}}

/* NextGen Technology Limited premium admin theme */
:root{
  --ink:#102A43;
  --muted:#64748B;
  --line:#DCE4EC;
  --paper:#FFFFFF;
  --bg:#F5F7FA;
  --brand:#081B33;
  --brand-2:#0E3158;
  --accent:#E32636;
  --danger:#E32636;
  --ok:#166D4F;
  --light-navy:#EAF0F6;
}

.admin-body{
  min-height:100vh;
  background:
    radial-gradient(circle at 12% 18%, rgba(227,38,54,.16), transparent 28%),
    radial-gradient(circle at 86% 10%, rgba(14,49,88,.5), transparent 34%),
    linear-gradient(135deg,#081B33 0%,#0E3158 100%);
  color:#102A43;
  overflow-x:hidden;
}

.admin-body::before{
  content:"";
  position:fixed;
  inset:-35%;
  pointer-events:none;
  z-index:0;
  opacity:.42;
  background:
    linear-gradient(115deg, transparent 0 38%, rgba(255,255,255,.08) 40%, transparent 43% 100%),
    repeating-linear-gradient(120deg, rgba(255,255,255,.06) 0 1px, transparent 1px 64px);
  animation:ntlWallpaper 24s linear infinite;
}

.admin-body::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:radial-gradient(circle at 50% 120%, rgba(245,247,250,.45), transparent 42%);
}

@keyframes ntlWallpaper{
  from{transform:translate3d(-2%,0,0) rotate(0deg)}
  to{transform:translate3d(2%,2%,0) rotate(1deg)}
}

@media (prefers-reduced-motion:reduce){
  .admin-body::before{animation:none}
}

.admin-shell{
  position:relative;
  z-index:1;
  grid-template-columns:300px minmax(0,1fr);
  min-height:100vh;
  background:transparent;
}

.erp-sidebar{
  position:sticky;
  top:0;
  height:100vh;
  overflow:auto;
  padding:24px 18px;
  background:linear-gradient(180deg, rgba(8,27,51,.98) 0%, rgba(8,27,51,.92) 55%, rgba(14,49,88,.96) 100%);
  border-right:1px solid rgba(255,255,255,.1);
  box-shadow:20px 0 70px rgba(8,27,51,.28);
}

.erp-sidebar::-webkit-scrollbar{width:8px}.erp-sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.24);border-radius:999px}

.erp-sidebar .admin-brand{
  display:grid;
  grid-template-columns:46px 1fr;
  gap:10px 12px;
  align-items:center;
  padding:0 0 20px;
  margin-bottom:14px;
  color:#FFFFFF;
  border-bottom:1px solid rgba(255,255,255,.14);
}

.erp-sidebar .admin-brand span{
  width:46px;
  height:46px;
  border-radius:8px;
  background:#E32636;
  box-shadow:0 16px 35px rgba(227,38,54,.28), inset 0 1px 0 rgba(255,255,255,.24);
  color:#FFFFFF;
  font-size:13px;
  letter-spacing:.5px;
}

.erp-sidebar .admin-brand strong{
  font-size:15px;
  line-height:1.1;
  color:#FFFFFF;
}

.erp-sidebar .admin-brand small{
  grid-column:2;
  color:#AFC1D5;
  font-size:11px;
  line-height:1.45;
  font-weight:650;
}

.md-control-card{
  margin:0 0 20px;
  padding:14px;
  border-radius:8px;
  border:1px solid rgba(255,255,255,.16);
  background:linear-gradient(145deg, rgba(255,255,255,.13), rgba(255,255,255,.05));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 18px 40px rgba(0,0,0,.14);
}

.md-control-card img,.md-avatar{
  width:46px;
  height:46px;
  border-radius:8px;
  background:#E32636;
}

.md-control-card small{color:#B9C8DA;text-transform:uppercase;letter-spacing:.04em;font-size:10px}
.md-control-card strong{color:#FFFFFF;font-size:13px}.md-control-card em{display:block;color:#EAF0F6;font-style:normal;font-size:11px;margin-top:3px}

.sidebar details{display:grid;gap:6px;margin-top:12px}
.sidebar summary{
  padding:10px 8px 7px;
  color:#AFC1D5;
  font-size:10px;
  letter-spacing:.08em;
}
.sidebar a{
  position:relative;
  min-height:42px;
  align-items:center;
  padding:11px 12px;
  border-radius:8px;
  color:#F5F7FA;
  font-weight:720;
  transition:background .18s ease, color .18s ease, transform .18s ease;
}
.sidebar a:hover{background:rgba(255,255,255,.1);transform:translateX(2px)}
.sidebar a.active{
  background:rgba(255,255,255,.13);
  box-shadow:inset 3px 0 0 #E32636, inset 0 1px 0 rgba(255,255,255,.1);
}
.sidebar b,.bell span{
  min-width:24px;
  text-align:center;
  background:#E32636;
  color:#FFFFFF;
  box-shadow:0 10px 22px rgba(227,38,54,.26);
}

.admin-main{
  position:relative;
  padding:28px clamp(20px,3vw,42px) 46px;
  background:linear-gradient(180deg, rgba(245,247,250,.95), rgba(234,240,246,.92));
  min-height:100vh;
}

.admin-topbar{
  position:sticky;
  top:0;
  z-index:5;
  margin:-28px calc(clamp(20px,3vw,42px) * -1) 24px;
  padding:22px clamp(20px,3vw,42px);
  background:rgba(245,247,250,.86);
  border-bottom:1px solid rgba(220,228,236,.88);
  backdrop-filter:blur(18px);
}
.admin-topbar strong{display:block;font-size:22px;color:#081B33;letter-spacing:0}
.admin-topbar small{color:#64748B;font-weight:650}
.top-actions{gap:10px;flex-wrap:wrap}
.bell{
  border-radius:8px;
  border:1px solid #DCE4EC;
  background:#FFFFFF;
  color:#081B33;
  font-weight:800;
  box-shadow:0 12px 28px rgba(8,27,51,.08);
}
button,.button-link{
  background:#E32636;
  color:#FFFFFF;
  border-radius:8px;
  box-shadow:0 14px 28px rgba(227,38,54,.22);
}
button:hover,.button-link:hover{background:#c91e2c;color:#FFFFFF}

.executive-hero{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:24px;
  margin-bottom:20px;
  padding:28px;
  border-radius:8px;
  color:#FFFFFF;
  background:
    radial-gradient(circle at 82% 18%, rgba(227,38,54,.45), transparent 28%),
    linear-gradient(135deg,#081B33 0%,#0E3158 100%);
  box-shadow:0 28px 70px rgba(8,27,51,.22);
  overflow:hidden;
}
.executive-hero span{display:block;color:#EAF0F6;font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}
.executive-hero h1{max-width:760px;margin:0;font-size:clamp(25px,3.4vw,42px);line-height:1.08;color:#FFFFFF}
.executive-hero .button-link{flex:none;background:#FFFFFF;color:#081B33;box-shadow:0 18px 36px rgba(0,0,0,.2)}

.panel,.metrics article,.login-panel,.confirmation-grid article,.next-steps,.plan-card,.wizard-form,.requirements-panel{
  border:1px solid rgba(220,228,236,.95);
  border-radius:8px;
  background:rgba(255,255,255,.92);
  box-shadow:0 18px 48px rgba(8,27,51,.08);
}
.panel{padding:22px}.panel h2{margin:0 0 16px;color:#081B33;font-size:18px}
.metrics{gap:16px}.metrics.wide{grid-template-columns:repeat(4,minmax(0,1fr))}
.metrics article{
  position:relative;
  min-height:124px;
  padding:20px;
  overflow:hidden;
}
.metrics article::after{
  content:"";
  position:absolute;
  right:-24px;
  top:-24px;
  width:86px;
  height:86px;
  border-radius:50%;
  background:rgba(227,38,54,.1);
}
.metrics span{position:relative;color:#51647A;font-size:13px;text-transform:uppercase;letter-spacing:.04em}
.metrics strong{position:relative;color:#081B33;font-size:36px;line-height:1}
.metrics article:nth-child(4n+1){background:linear-gradient(180deg,#FFFFFF,#F8FAFC)}
.metrics article:nth-child(4n+2)::after{background:rgba(8,27,51,.09)}
.metric-card{
  position:relative;
  display:grid;
  min-height:124px;
  padding:20px;
  overflow:hidden;
  border:1px solid rgba(220,228,236,.95);
  border-radius:8px;
  background:rgba(255,255,255,.92);
  box-shadow:0 18px 48px rgba(8,27,51,.08);
  color:#081B33;
}
.metric-card::after{
  content:"";
  position:absolute;
  right:-24px;
  top:-24px;
  width:86px;
  height:86px;
  border-radius:50%;
  background:rgba(227,38,54,.1);
}
.metric-card:nth-child(4n+2)::after{background:rgba(8,27,51,.09)}
.metric-card span{position:relative;color:#51647A;font-size:13px;text-transform:uppercase;letter-spacing:.04em;font-weight:750}
.metric-card strong{position:relative;color:#081B33;font-size:36px;line-height:1}
.metric-card:hover{transform:translateY(-2px);box-shadow:0 24px 58px rgba(8,27,51,.12)}
.panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.panel-head h2{margin:0}.panel-head a{font-weight:850;color:#E32636}
.empty-state{text-align:center;color:#64748B;font-weight:750;padding:24px!important}
.plan-row.clickable{color:#102A43}.plan-row.clickable:hover{background:#F8FAFC}
.admin-main,.panel{min-width:0}
.panel table{display:block;max-width:100%;overflow-x:auto}
.panel table thead,.panel table tbody{display:table;width:100%}

table{background:#FFFFFF;border:1px solid #DCE4EC;border-radius:8px;overflow:hidden;border-collapse:separate;border-spacing:0}
th{background:#EAF0F6;color:#081B33;letter-spacing:.06em}
td{background:#FFFFFF;color:#102A43}
tbody tr:hover td{background:#F8FAFC}
td a{font-weight:850;color:#081B33}
.status{
  background:#EAF0F6;
  color:#081B33;
  border:1px solid #DCE4EC;
  border-radius:999px;
}

input,select,textarea{
  border-color:#DCE4EC;
  border-radius:8px;
  color:#102A43;
  background:#FFFFFF;
}
input:focus,select:focus,textarea:focus{
  outline:3px solid rgba(227,38,54,.14);
  border-color:#E32636;
}
.filters{align-items:end}.filters.expanded{grid-template-columns:minmax(230px,2fr) repeat(6,minmax(120px,1fr)) auto}
.plan-row{align-items:center}.plan-row strong{color:#E32636;font-size:20px}

.guest-shell{
  position:relative;
  z-index:1;
  min-height:100vh;
  background:
    radial-gradient(circle at 24% 22%, rgba(227,38,54,.18), transparent 28%),
    linear-gradient(135deg,#081B33 0%,#0E3158 100%);
}
.login-panel{
  width:min(460px,100%);
  padding:30px;
  background:rgba(255,255,255,.96);
}
.login-mark{
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  border-radius:8px;
  background:#E32636;
  color:#FFFFFF;
  font-weight:900;
  margin-bottom:18px;
  box-shadow:0 18px 36px rgba(227,38,54,.28);
}
.login-panel h1{margin:0 0 8px;color:#081B33;font-size:28px;line-height:1.1}
.login-panel p{color:#64748B}.login-panel .login-credential{color:#102A43;font-weight:750}

@media(max-width:1000px){
  .admin-shell{grid-template-columns:1fr}
  .erp-sidebar{position:relative;height:auto;max-height:none}
  .admin-main{padding:20px 14px 32px}
  .admin-topbar{position:relative;margin:-20px -14px 18px;padding:18px 14px}
  .executive-hero{display:grid;padding:22px}
  .executive-hero .button-link{width:max-content}
  .metrics.wide{grid-template-columns:1fr}
  .filters.expanded{grid-template-columns:1fr}
}

.admin-brand-logo{width:46px;height:46px;object-fit:contain;border-radius:8px;background:#FFFFFF;border:1px solid rgba(255,255,255,.28);padding:4px;box-shadow:0 16px 35px rgba(0,0,0,.18)}
.sidebar a{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px}
.sidebar a>span{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:rgba(255,255,255,.1);color:#EAF0F6;font-size:10px;font-weight:900;letter-spacing:.04em}
.sidebar a.active>span{background:#E32636;color:#FFFFFF}
.settings-console{display:grid;gap:18px}.settings-alert{display:grid;gap:4px;padding:14px 16px;border-radius:8px;border:1px solid #F1B6BE;background:#FFF5F6;color:#102A43}.settings-alert strong{color:#E32636}
.settings-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;padding:28px;border-radius:8px;color:#FFFFFF;background:radial-gradient(circle at 84% 12%,rgba(227,38,54,.46),transparent 30%),linear-gradient(135deg,#081B33 0%,#0E3158 100%);box-shadow:0 28px 70px rgba(8,27,51,.2)}
.settings-hero span,.settings-card-head span{display:block;margin-bottom:7px;color:#E32636;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.settings-hero span{color:#F7C9CE}.settings-hero h1{margin:0;font-size:clamp(26px,3vw,38px);line-height:1.08;color:#FFFFFF}.settings-hero p{max-width:760px;margin:10px 0 0;color:#EAF0F6;line-height:1.55}
.settings-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:18px;align-items:start}.settings-nav{position:sticky;top:98px;display:grid;gap:6px;padding:10px;border-radius:8px;border:1px solid #DCE4EC;background:rgba(255,255,255,.86);box-shadow:0 18px 48px rgba(8,27,51,.08)}.settings-nav a{padding:10px 12px;border-radius:8px;color:#102A43;font-weight:800}.settings-nav a:hover{background:#EAF0F6;color:#081B33}
.settings-stack{display:grid;gap:16px}.settings-card{scroll-margin-top:112px;display:grid;gap:16px;padding:24px;border:1px solid #DCE4EC;border-radius:8px;background:rgba(255,255,255,.94);box-shadow:0 18px 48px rgba(8,27,51,.08)}.settings-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border-bottom:1px solid #EAF0F6;padding-bottom:14px}.settings-card-head h2{margin:0;color:#081B33;font-size:20px;line-height:1.18}.settings-card-head p{max-width:560px;margin:0;color:#64748B;line-height:1.45}
.button-link.secondary{flex:none;background:#FFFFFF;color:#081B33;border:1px solid #DCE4EC;box-shadow:0 12px 28px rgba(8,27,51,.08)}.grid.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.grid.four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.image-control-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.image-control{align-content:start;padding:14px;border-radius:8px;border:1px solid #DCE4EC;background:#F8FAFC}.image-control>span{color:#081B33;font-weight:900}.image-preview{display:grid;place-items:center;height:104px;border:1px dashed #B8C7D8;border-radius:8px;background:#FFFFFF;overflow:hidden}.image-preview img{max-width:100%;max-height:100%;object-fit:contain}.image-preview strong{display:grid;place-items:center;width:48px;height:48px;border-radius:8px;background:#E32636;color:#FFFFFF}
.image-control small,.settings-note{color:#64748B;line-height:1.45;font-weight:650;word-break:break-word}.settings-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.settings-list.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-list article{display:grid;gap:4px;padding:12px;border-radius:8px;border:1px solid #DCE4EC;background:#F8FAFC}.settings-list strong{color:#081B33}.settings-list span{color:#64748B;font-size:12px;font-weight:750;word-break:break-word}
.terms-preview{max-height:360px;overflow:auto;white-space:pre-wrap;margin:0;padding:16px;border:1px solid #DCE4EC;border-radius:8px;background:#F8FAFC;color:#102A43;font:inherit;line-height:1.65}
.terms-confirm{display:flex;align-items:flex-start;gap:10px;margin:14px 0;padding:12px;border:1px solid #DCE4EC;border-radius:8px;background:#FFFFFF;color:#102A43;font-weight:800;line-height:1.45}.terms-confirm input{width:18px;height:18px;margin-top:2px;accent-color:#E32636;flex:none}.terms-confirm:has(input:disabled){opacity:.56}.terms-confirm:has(input:checked){border-color:#E32636;background:#FFF5F6}
.field-error input{border-color:#E32636;background:#FFF5F6}.wizard-step-error{color:#E32636;font-weight:850}.wizard-client-error{margin:10px 0;padding:12px;border:1px solid #F1B6BE;border-radius:8px;background:#FFF5F6;color:#E32636;font-weight:850}
.settings-save-bar{position:sticky;bottom:16px;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;border:1px solid rgba(220,228,236,.95);border-radius:8px;background:rgba(255,255,255,.92);box-shadow:0 20px 50px rgba(8,27,51,.16);backdrop-filter:blur(16px)}.settings-save-bar span{color:#64748B;font-weight:750}.login-logo{width:72px;height:72px;object-fit:contain;border-radius:8px;background:#FFFFFF;border:1px solid #DCE4EC;padding:5px;margin-bottom:18px}
@media(max-width:1180px){.image-control-grid,.settings-list.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.settings-layout,.grid.three,.grid.four,.image-control-grid,.settings-list,.settings-list.compact{grid-template-columns:1fr}.settings-nav{position:relative;top:auto}.settings-hero,.settings-card-head,.settings-save-bar{display:grid}}
.erp-sidebar .admin-brand{grid-template-columns:46px minmax(0,1fr)}
.erp-sidebar .admin-brand strong,.erp-sidebar .admin-brand small{min-width:0;overflow-wrap:anywhere}
.erp-sidebar .admin-brand small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.md-control-card>div{min-width:0}.md-control-card strong{overflow-wrap:anywhere}
.approval-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
.approval-flow article{position:relative;display:grid;gap:6px;min-height:116px;padding:16px;border:1px solid #DCE4EC;border-radius:8px;background:rgba(255,255,255,.92);box-shadow:0 18px 44px rgba(8,27,51,.08);overflow:hidden}
.approval-flow article:after{content:"";position:absolute;right:-34px;top:-34px;width:88px;height:88px;border-radius:50%;background:#EAF0F6}
.approval-flow article span{position:relative;z-index:1;display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#EAF0F6;color:#081B33;font-weight:950}
.approval-flow article strong,.approval-flow article small{position:relative;z-index:1}.approval-flow article strong{color:#081B33;font-size:15px}.approval-flow article small{color:#64748B;font-weight:800}
.approval-flow article.active{border-color:#E32636;box-shadow:0 18px 52px rgba(227,38,54,.16)}.approval-flow article.active span{background:#E32636;color:#FFFFFF}
.approval-flow article.done{background:linear-gradient(135deg,#081B33 0%,#0E3158 100%);border-color:#0E3158}.approval-flow article.done:after{background:rgba(227,38,54,.34)}
.approval-flow article.done strong,.approval-flow article.done small{color:#FFFFFF}.approval-flow article.done span{background:#FFFFFF;color:#E32636}
.action-panel{align-content:start}.action-panel p{color:#64748B;line-height:1.55}.action-panel form{display:grid;gap:10px;margin-top:12px}.action-panel textarea{min-height:96px}
.inline-action{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.inline-action input{min-height:42px}.danger-action button{background:#8F1D2A;box-shadow:0 14px 28px rgba(143,29,42,.2)}
.workflow-override{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:end}.workflow-override label:nth-child(3){grid-column:1/-1}
.table-action{display:inline-flex;align-items:center;justify-content:center;padding:8px 10px;font-size:12px;line-height:1}
@media(max-width:900px){.approval-flow,.workflow-override,.inline-action{grid-template-columns:1fr}.approval-flow article{min-height:auto}.table-action{width:100%}}

/* Zoom-aware admin layout: keep the navigation usable on desktop even when the browser is zoomed in. */
@media(max-width:1000px) and (min-width:701px){
  .admin-shell{grid-template-columns:clamp(176px,26vw,232px) minmax(0,1fr)}
  .erp-sidebar{position:sticky;top:0;height:100vh;max-height:100vh;padding:16px 10px}
  .admin-main{padding:18px 12px 36px}
  .admin-topbar{position:sticky;margin:-18px -12px 18px;padding:14px 12px;display:flex;align-items:center;gap:12px}
  .admin-topbar strong{font-size:18px}.admin-topbar small{font-size:11px}
  .top-actions{margin-left:auto;gap:8px}.bell,button,.button-link{padding:9px 11px}
  .erp-sidebar .admin-brand{grid-template-columns:34px minmax(0,1fr);gap:7px 8px;padding-bottom:12px;margin-bottom:10px}
  .admin-brand-logo,.erp-sidebar .admin-brand span{width:34px;height:34px}
  .erp-sidebar .admin-brand strong{font-size:12px;line-height:1.05}
  .erp-sidebar .admin-brand small{grid-column:1/-1;font-size:9px;line-height:1.3;-webkit-line-clamp:2}
  .md-control-card{padding:10px;gap:8px;margin-bottom:14px}
  .md-control-card img,.md-avatar{width:34px;height:34px}
  .md-control-card small{font-size:8px}.md-control-card strong{font-size:10px}.md-control-card em{font-size:9px}
  .sidebar summary{padding:8px 6px 5px;font-size:8px}
  .sidebar a{grid-template-columns:24px minmax(0,1fr) auto;min-height:36px;padding:8px 7px;gap:7px;font-size:12px;line-height:1.15}
  .sidebar a>span{width:24px;height:24px;font-size:8px}
  .sidebar b,.bell span{min-width:21px;padding:2px 6px;font-size:11px}
  .panel{padding:16px;overflow:hidden}
  .filters.expanded{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .filters.expanded button{width:100%}
  .metrics,.metrics.wide,.admin-grid,.detail-grid{grid-template-columns:1fr}
}

@media(max-width:700px){
  .admin-shell{grid-template-columns:1fr}
  .erp-sidebar{position:relative;height:auto;max-height:none;padding:14px}
  .admin-main{padding:16px 10px 28px}
  .admin-topbar{position:relative;margin:-16px -10px 16px;padding:14px 10px;display:grid}
  .top-actions{width:100%;display:grid;grid-template-columns:1fr auto}
}

.panel table{min-width:760px}
.panel table thead,.panel table tbody{min-width:760px}
section.panel:has(.filters.expanded) table,
section.panel:has(.filters.expanded) table thead,
section.panel:has(.filters.expanded) table tbody{min-width:920px}

.sidebar-toggle{display:grid;place-items:center;width:38px;height:38px;margin:0 0 14px auto;padding:0;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);box-shadow:none}
.sidebar-toggle svg,.sidebar a svg{width:18px;height:18px;fill:currentColor}.sidebar a i{font-style:normal;min-width:0;overflow:hidden;text-overflow:ellipsis}
.sidebar-collapsed{grid-template-columns:84px minmax(0,1fr)}
.sidebar-collapsed .erp-sidebar{padding:18px 12px}.sidebar-collapsed .sidebar-toggle{margin-left:auto;margin-right:auto}
.sidebar-collapsed .admin-brand{grid-template-columns:1fr;justify-items:center}.sidebar-collapsed .admin-brand strong,.sidebar-collapsed .admin-brand small,.sidebar-collapsed .md-control-card div,.sidebar-collapsed .sidebar summary,.sidebar-collapsed .sidebar a i{display:none}
.sidebar-collapsed .md-control-card{justify-content:center;padding:10px}.sidebar-collapsed .sidebar a{grid-template-columns:1fr;place-items:center;padding:10px 6px}.sidebar-collapsed .sidebar a>span{width:34px;height:34px}.sidebar-collapsed .sidebar b{position:absolute;right:2px;top:4px;min-width:19px;padding:1px 5px;font-size:10px}
.review-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px;padding:24px;border-radius:8px;color:#FFFFFF;background:radial-gradient(circle at 84% 18%,rgba(227,38,54,.48),transparent 30%),linear-gradient(135deg,#081B33 0%,#0E3158 100%);box-shadow:0 26px 66px rgba(8,27,51,.2)}
.review-hero span{display:block;margin-bottom:8px;color:#F7C9CE;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.review-hero h1{margin:0;color:#FFFFFF;font-size:clamp(24px,3vw,38px);line-height:1.08}.review-hero p{margin:8px 0 0;color:#EAF0F6}.review-hero-actions{display:flex;gap:10px;flex-wrap:wrap}.review-hero .button-link.secondary{background:#FFFFFF}
.workflow-cards article a{position:relative;z-index:1;margin-top:auto;color:inherit;font-weight:900;text-decoration:underline;text-underline-offset:3px}.workflow-cards article.waiting{opacity:.78}.workflow-cards article.waiting span{background:#EAF0F6;color:#081B33}
.review-workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.9fr);gap:18px;margin-bottom:18px}.documents-workspace{grid-template-columns:minmax(0,1.15fr) minmax(310px,.85fr)}
.compact-details div{grid-template-columns:150px minmax(0,1fr)}.compact-details dd{overflow-wrap:anywhere}.compact-details small{color:#64748B}
.document-list{display:grid;gap:12px}.document-list article{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;border:1px solid #DCE4EC;border-radius:8px;background:#F8FAFC}.document-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:8px;background:#081B33;color:#FFFFFF;font-weight:950;font-size:12px}.document-list strong{display:block;color:#081B33}.document-list span,.document-list small{display:block;color:#64748B;overflow-wrap:anywhere}.document-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.document-actions .button-link{box-shadow:none}
.review-timeline-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.review-timeline-item p,.review-timeline-item small{grid-column:1/-1;margin:0;color:#64748B}
.table-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.table-actions form{margin:0}.table-actions button,.table-actions .button-link{padding:8px 10px;font-size:12px;line-height:1}
button.secondary{background:#FFFFFF;color:#081B33;border:1px solid #DCE4EC;box-shadow:0 12px 28px rgba(8,27,51,.08)}button.secondary:hover{background:#EAF0F6;color:#081B33}
.settings-nav a.active{background:#081B33;color:#FFFFFF}.settings-nav a strong{font-weight:950}
.settings-back{width:max-content;margin-bottom:14px}.settings-back[hidden]{display:none}
.settings-console:not(.settings-section-open) .settings-stack,.settings-console:not(.settings-section-open) .settings-save-bar,.settings-console:not(.settings-section-open) .settings-hero button{display:none}
.settings-section-open .settings-nav{position:sticky}.preference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.preference-grid .check{padding:12px;border:1px solid #DCE4EC;border-radius:8px;background:#F8FAFC;color:#102A43;font-weight:850}.preference-grid input{accent-color:#E32636}
.user-role-list{display:grid;gap:10px}.user-role-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid #DCE4EC;border-radius:8px;background:#F8FAFC}.user-role-list strong,.user-role-list span{display:block}.user-role-list span{color:#64748B;font-size:12px;font-weight:750}
.settings-dialog{width:min(520px,calc(100% - 28px));border:0;border-radius:8px;padding:0;box-shadow:0 30px 90px rgba(8,27,51,.28)}.settings-dialog::backdrop{background:rgba(8,27,51,.58);backdrop-filter:blur(5px)}.settings-dialog-card{display:grid;gap:14px;padding:22px;background:#FFFFFF}.settings-dialog-card .panel-head{margin-bottom:0}
.premium-login{position:relative;isolation:isolate;display:grid;place-items:center;min-height:100vh;width:100%;padding:28px;overflow:hidden;background:radial-gradient(circle at 28% 18%,rgba(227,38,54,.22),transparent 28%),radial-gradient(circle at 75% 20%,rgba(44,151,255,.24),transparent 30%),linear-gradient(135deg,#06172b 0%,#081B33 48%,#0E3158 100%)}
.guest-shell:has(.premium-login){display:block;padding:0;background:#081B33}
.premium-login:before,.premium-login:after{content:"";position:absolute;inset:-20%;z-index:-2;background-image:linear-gradient(115deg,transparent 0 44%,rgba(255,255,255,.13) 45%,transparent 46% 100%),linear-gradient(62deg,transparent 0 52%,rgba(227,38,54,.16) 53%,transparent 54% 100%);animation:loginBeams 16s linear infinite}
.premium-login:after{z-index:-3;filter:blur(22px);opacity:.65;animation-duration:24s;animation-direction:reverse}.login-network{position:absolute;inset:0;z-index:-1;overflow:hidden}.login-network span{position:absolute;width:7px;height:7px;border-radius:50%;background:#FFFFFF;box-shadow:0 0 24px rgba(255,255,255,.72)}.login-network span:nth-child(1){left:15%;top:22%;animation:floatNode 8s ease-in-out infinite}.login-network span:nth-child(2){left:74%;top:18%;animation:floatNode 10s ease-in-out infinite}.login-network span:nth-child(3){left:62%;top:68%;animation:floatNode 9s ease-in-out infinite}.login-network span:nth-child(4){left:26%;top:72%;animation:floatNode 11s ease-in-out infinite}.login-network span:nth-child(5){left:48%;top:38%;animation:floatNode 7s ease-in-out infinite}
.login-shell{display:grid;grid-template-columns:minmax(260px,430px) minmax(320px,420px);gap:34px;align-items:center;width:min(920px,100%)}.login-intro{color:#FFFFFF}.login-intro span{display:block;margin-bottom:12px;color:#F7C9CE;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.login-intro h1{margin:0;font-size:clamp(34px,5vw,58px);line-height:1.02;color:#FFFFFF}.login-intro p{margin:16px 0 0;color:#DCE4EC;font-size:17px;line-height:1.6}
.premium-auth-card{width:100%;padding:28px;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.74);backdrop-filter:blur(18px);box-shadow:0 32px 90px rgba(0,0,0,.28)}.premium-auth-card h2{margin:8px 0 6px;color:#081B33;font-size:24px}.premium-auth-card .login-logo{width:58px;height:58px}.password-field{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border:1px solid #DCE4EC;border-radius:8px;background:#FFFFFF;overflow:hidden}.password-field input{border:0;border-radius:0}.password-toggle{height:100%;padding:0 12px;background:#EAF0F6;color:#081B33;box-shadow:none;border-left:1px solid #DCE4EC}.login-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.login-row a{font-weight:850;color:#E32636}.premium-auth-card input:focus{outline:3px solid rgba(227,38,54,.18);outline-offset:1px}.premium-auth-card .error{padding:10px 12px;border-radius:8px;background:#FFF5F6;border:1px solid #F1B6BE;color:#E32636;font-weight:800}
@keyframes loginBeams{from{transform:translate3d(-3%,0,0) rotate(0deg)}to{transform:translate3d(3%,2%,0) rotate(1deg)}}@keyframes floatNode{0%,100%{transform:translate3d(0,0,0);opacity:.55}50%{transform:translate3d(22px,-18px,0);opacity:1}}
@media(prefers-reduced-motion:reduce){.premium-login:before,.premium-login:after,.login-network span{animation:none}}
@media(max-width:860px){.login-shell{grid-template-columns:1fr}.login-intro{text-align:center}.premium-login{padding:18px}.login-row{align-items:flex-start;flex-direction:column}}
@media(max-width:1080px){.review-workspace,.documents-workspace{grid-template-columns:1fr}.document-list article{grid-template-columns:42px minmax(0,1fr)}.document-actions{grid-column:1/-1;justify-content:flex-start}.review-hero{display:grid}.review-hero-actions{width:100%}}
@media(max-width:700px){.sidebar-collapsed{grid-template-columns:1fr}.sidebar-collapsed .admin-brand strong,.sidebar-collapsed .admin-brand small,.sidebar-collapsed .md-control-card div,.sidebar-collapsed .sidebar summary,.sidebar-collapsed .sidebar a i{display:block}.sidebar-collapsed .sidebar a{grid-template-columns:28px minmax(0,1fr) auto;place-items:initial}.sidebar-toggle{margin-left:0}.document-list article{grid-template-columns:1fr}.document-icon{width:42px;height:42px}.preference-grid{grid-template-columns:1fr}.user-role-list article{display:grid}}
.dashboard-explorer{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.9fr);gap:18px;align-items:stretch;margin-top:18px}
.console-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px;padding:24px;border-radius:8px;color:#FFFFFF;background:radial-gradient(circle at 82% 12%,rgba(227,38,54,.42),transparent 30%),linear-gradient(135deg,#081B33 0%,#0E3158 100%);box-shadow:0 26px 66px rgba(8,27,51,.2)}
.console-hero span{display:block;margin-bottom:8px;color:#F7C9CE;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.console-hero h1{margin:0;color:#FFFFFF;font-size:clamp(24px,3vw,38px);line-height:1.08;max-width:820px}
.console-hero p{margin:10px 0 0;color:#EAF0F6;line-height:1.55;max-width:760px}
.console-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.command-panel{overflow:hidden}
.command-panel .panel-head{align-items:flex-start}
.command-panel .panel-head h2{margin:0 0 4px}
.table-shell{width:100%;overflow:auto;border:1px solid #DCE4EC;border-radius:8px;background:#FFFFFF}
.table-shell table{margin:0;border:0;min-width:820px}
.table-shell table th{background:#EAF0F6;color:#081B33;font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.table-shell table td,.table-shell table th{white-space:nowrap}
.role-stack,.activity-stack{display:grid;gap:10px}
.role-stack article,.activity-stack article{padding:14px;border:1px solid #DCE4EC;border-radius:8px;background:#F8FAFC}
.role-stack strong,.activity-stack strong{display:block;color:#081B33}
.role-stack small,.activity-stack small{display:block;margin-top:4px;color:#64748B;font-weight:750;line-height:1.45}
.premium-packages{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.premium-packages .package-editor{display:grid;gap:12px}
.package-editor-head{display:grid;gap:6px;padding:14px;border-radius:8px;background:linear-gradient(135deg,#081B33 0%,#0E3158 100%);color:#FFFFFF}
.package-editor-head strong{font-size:18px;color:#FFFFFF}.package-editor-head b{font-size:24px;color:#FFFFFF}.package-editor-head .status{width:max-content;background:#FFFFFF;color:#081B33}
.dashboard-pop-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.7fr);gap:18px;align-items:end;min-height:260px;padding:24px;border:1px solid rgba(220,228,236,.95);border-radius:8px;background:linear-gradient(180deg,#FFFFFF,#F8FAFC);box-shadow:0 22px 58px rgba(8,27,51,.1);overflow:hidden}
.dashboard-pop-card:after{content:"";position:absolute;right:-42px;top:-42px;width:140px;height:140px;border-radius:50%;background:rgba(227,38,54,.12)}
.dashboard-pop-card.accent:after{background:rgba(8,27,51,.1)}
.dashboard-pop-card span{color:#64748B;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.dashboard-pop-card h2{margin:8px 0 8px;color:#081B33;font-size:26px}
.dashboard-pop-card p{margin:0;color:#64748B;line-height:1.55}
.dashboard-pop-card>button{width:max-content;position:relative;z-index:1}
.dashboard-pop-preview{position:relative;z-index:1;display:grid;gap:8px}
.dashboard-pop-preview a{display:grid;gap:3px;padding:12px;border:1px solid #DCE4EC;border-radius:8px;background:#FFFFFF;color:#081B33}
.dashboard-pop-preview small{color:#64748B;font-weight:700}
.demand-bars,.demand-detail-list{display:grid;gap:10px}
.demand-bars a,.demand-detail-list a{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,.7fr) auto;gap:12px;align-items:center;color:#081B33}
.demand-bars i,.demand-detail-list i{position:relative;height:9px;border-radius:999px;background:#EAF0F6;overflow:hidden}
.demand-bars i:before,.demand-detail-list i:before{content:"";position:absolute;inset:0 auto 0 0;width:var(--bar);border-radius:999px;background:#E32636}
.demand-bars strong,.demand-detail-list b{color:#E32636}
.dashboard-dialog{width:min(980px,calc(100% - 28px));border:0;border-radius:8px;padding:0;box-shadow:0 34px 100px rgba(8,27,51,.3)}
.dashboard-dialog::backdrop{background:rgba(8,27,51,.6);backdrop-filter:blur(6px)}
.dashboard-dialog-card{display:grid;gap:18px;max-height:86vh;overflow:auto;padding:24px;background:#FFFFFF}
.dashboard-dialog-card table{min-width:760px}
.demand-detail-list a{padding:14px;border:1px solid #DCE4EC;border-radius:8px;background:#F8FAFC}
.demand-detail-list span{display:block;margin-top:4px;color:#64748B;font-size:12px;font-weight:700}
@media(max-width:1080px){.console-hero{display:grid}.console-actions{justify-content:flex-start}.dashboard-explorer{grid-template-columns:1fr}.dashboard-pop-card{grid-template-columns:1fr}}
@media(max-width:700px){.console-hero{padding:18px}.dashboard-dialog-card{padding:16px}.demand-bars a,.demand-detail-list a{grid-template-columns:1fr}.dashboard-pop-card{min-height:auto;padding:18px}.table-shell table{min-width:680px}}
.premium-package-preview{background:linear-gradient(180deg,#F5F7FA 0%,#FFFFFF 100%);padding-top:42px;padding-bottom:48px}
.package-preview-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 20px}.package-preview-head span{display:block;color:#E32636;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.package-preview-head h2{margin:6px 0 8px;color:#081B33;font-size:clamp(26px,3vw,38px);line-height:1.08}.package-preview-head p{margin:0;max-width:720px;color:#64748B;line-height:1.55}
.premium-plan-grid{grid-template-columns:repeat(5,minmax(180px,1fr));align-items:stretch;gap:18px}
.premium-plan-card{position:relative;display:grid;grid-template-rows:auto auto 1fr auto;gap:14px;min-height:390px;padding:0 18px 18px;border:1px solid rgba(220,228,236,.95);border-radius:8px;background:#FFFFFF;box-shadow:0 26px 70px rgba(8,27,51,.12);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.premium-plan-card:hover{transform:translateY(-5px);box-shadow:0 34px 82px rgba(8,27,51,.18)}
.premium-plan-card .plan-top{display:grid;place-items:center;gap:12px;margin:0 -18px;padding:22px 14px 34px;color:#FFFFFF;background:linear-gradient(135deg,#081B33,#0E3158)}
.premium-plan-card h3{margin:0;color:#FFFFFF;font-size:19px;text-align:center;text-transform:uppercase;line-height:1.15}
.plan-tone-2 .plan-top{background:linear-gradient(135deg,#0F8F3D,#15B65A)}.plan-tone-3 .plan-top{background:linear-gradient(135deg,#5D22B9,#8A2BE2)}.plan-tone-4 .plan-top{background:linear-gradient(135deg,#0768B7,#16A0EA)}.plan-tone-5 .plan-top{background:linear-gradient(135deg,#F26A0A,#FF9D1D)}
.plan-server{display:grid;gap:4px;width:72px}.plan-server span{display:block;height:16px;border-radius:4px;background:linear-gradient(180deg,#1B293A,#050B12);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 8px 18px rgba(0,0,0,.22)}.plan-server span:before{content:"";display:block;width:18px;height:4px;margin:6px 0 0 8px;border-radius:999px;background:#E32636}.plan-tone-2 .plan-server span:before{background:#18D76F}.plan-tone-3 .plan-server span:before{background:#A56BFF}.plan-tone-4 .plan-server span:before{background:#23B8FF}.plan-tone-5 .plan-server span:before{background:#FFD15A}
.premium-plan-card .price{justify-self:center;min-width:138px;margin:-38px 0 0;padding:10px 14px;border:2px solid currentColor;border-radius:8px;background:#FFFFFF;color:#081B33;text-align:center;font-size:34px;line-height:.95;box-shadow:0 14px 32px rgba(8,27,51,.14)}
.premium-plan-card .price span{display:block;margin-top:5px;color:#102A43;font-size:13px;font-weight:850;text-transform:none}
.premium-plan-card ul,.premium-select-plan ul{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.premium-plan-card li,.premium-select-plan li{position:relative;padding-left:28px;color:#102A43;font-weight:850;line-height:1.35}.premium-plan-card li:before,.premium-select-plan li:before{content:"";position:absolute;left:0;top:2px;width:18px;height:18px;border-radius:5px;background:currentColor;opacity:.14}.premium-plan-card li:after,.premium-select-plan li:after{content:"";position:absolute;left:5px;top:7px;width:8px;height:5px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg)}
.plan-description{margin:0;padding-top:12px;border-top:1px solid #DCE4EC;color:#64748B;font-weight:700;line-height:1.45}
.value-ribbon{position:absolute;top:0;left:50%;z-index:2;transform:translateX(-50%);padding:7px 20px;border-radius:0 0 8px 8px;background:#FFD64D;color:#081B33;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 12px 28px rgba(8,27,51,.16)}
.premium-plan-card.featured{border-color:#7A38DE;box-shadow:0 28px 86px rgba(93,34,185,.18)}
.premium-selectable-plans{grid-template-columns:repeat(5,minmax(170px,1fr));gap:14px}
.package-step-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}
.premium-select-plan span{position:relative;min-height:310px;padding:18px;border:2px solid #DCE4EC;border-radius:8px;background:#FFFFFF;box-shadow:0 18px 46px rgba(8,27,51,.08);overflow:hidden}
.premium-select-plan span:before{content:"";display:block;height:76px;margin:-18px -18px 16px;border-radius:6px 6px 0 0;background:linear-gradient(135deg,#081B33,#0E3158)}.premium-select-plan.plan-tone-2 span:before{background:linear-gradient(135deg,#0F8F3D,#15B65A)}.premium-select-plan.plan-tone-3 span:before{background:linear-gradient(135deg,#5D22B9,#8A2BE2)}.premium-select-plan.plan-tone-4 span:before{background:linear-gradient(135deg,#0768B7,#16A0EA)}.premium-select-plan.plan-tone-5 span:before{background:linear-gradient(135deg,#F26A0A,#FF9D1D)}
.premium-select-plan strong{position:absolute;top:20px;left:18px;right:18px;color:#FFFFFF;font-size:16px;text-transform:uppercase}.premium-select-plan b{display:block;margin:0 0 8px;color:#081B33;font-size:30px;line-height:1}.premium-select-plan b small{font-size:13px;color:#64748B}.premium-select-plan em{display:block;min-height:46px;margin-bottom:12px;color:#64748B;line-height:1.35}.premium-select-plan i{position:absolute;top:0;right:18px;z-index:2;padding:6px 12px;border-radius:0 0 8px 8px;background:#FFD64D;color:#081B33;font-style:normal;font-size:11px;font-weight:950;text-transform:uppercase}
.premium-select-plan input:checked+span{border-color:#E32636;box-shadow:0 0 0 4px rgba(227,38,54,.16),0 28px 70px rgba(8,27,51,.16)}.premium-select-plan input:focus-visible+span{outline:3px solid rgba(227,38,54,.3);outline-offset:3px}
@media(max-width:1180px){.premium-plan-grid,.premium-selectable-plans{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-plan-card{min-height:360px}}
@media(max-width:680px){.package-preview-head,.package-step-head{display:grid}.premium-plan-grid,.premium-selectable-plans{grid-template-columns:1fr}.premium-plan-card,.premium-select-plan span{min-height:auto}.premium-plan-card .price{justify-self:start}.premium-select-plan strong{font-size:15px}}
.website-service-card{display:grid;gap:16px;padding:18px;border:1px solid #DCE4EC;border-radius:8px;background:linear-gradient(180deg,#FFFFFF,#F8FAFC);box-shadow:0 18px 44px rgba(8,27,51,.08)}
.website-service-card .settings-card-head{margin:0}.website-service-card .settings-card-head span{color:#E32636;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.website-service-card h3{margin:4px 0 0;color:#081B33;font-size:20px}
.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.choice-card{position:relative;display:grid;gap:6px;min-height:116px;padding:16px 16px 16px 48px;border:2px solid #DCE4EC;border-radius:8px;background:#FFFFFF;box-shadow:0 12px 30px rgba(8,27,51,.06);cursor:pointer}
.choice-card input{position:absolute;left:16px;top:18px;width:18px;height:18px;accent-color:#E32636}
.choice-card:has(input:checked){border-color:#E32636;box-shadow:0 0 0 4px rgba(227,38,54,.13),0 20px 48px rgba(8,27,51,.12)}
.choice-card strong{color:#081B33;font-size:15px}.choice-card small{color:#64748B;font-weight:700;line-height:1.45}
.website-branch{display:grid;gap:14px;padding:14px;border:1px solid #DCE4EC;border-radius:8px;background:#FFFFFF}.website-branch[hidden]{display:none}
@media(max-width:760px){.choice-grid{grid-template-columns:1fr}.choice-card{min-height:auto}}