:root{
  --portal-bg:oklch(15% .018 255);
  --portal-panel:oklch(20% .024 255);
  --portal-panel-2:oklch(24% .03 255);
  --portal-line:oklch(100% .008 255 / .11);
  --portal-line-2:oklch(100% .008 255 / .18);
  --portal-text:oklch(96% .012 255);
  --portal-muted:oklch(72% .028 255);
  --portal-subtle:oklch(55% .028 255);
  --portal-blue:oklch(60% .22 260);
  --portal-blue-2:oklch(68% .17 250);
  --portal-green:oklch(72% .16 150);
  --portal-orange:oklch(72% .15 55);
  --portal-red:oklch(65% .18 28);
  --portal-radius:12px;
}
body{
  min-height:100vh;
  background:
    radial-gradient(circle at 18% -10%,oklch(55% .22 260 / .22),transparent 34rem),
    radial-gradient(circle at 92% 12%,oklch(68% .17 250 / .14),transparent 28rem),
    var(--portal-bg);
  color:var(--portal-text);
}
button,input,textarea,select{font:inherit}
.portal-login{
  min-height:100vh;
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr);
}
.login-brand{
  padding:56px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  border-right:1px solid var(--portal-line);
}
.brand-lockup{display:flex;align-items:center;gap:14px}
.brand-lockup img{width:48px;height:48px;border-radius:14px}
.brand-name{font-weight:900;letter-spacing:-.03em;font-size:22px}
.brand-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--portal-muted);font-weight:800}
.login-copy{max-width:680px}
.login-copy h1{font-size:clamp(42px,5vw,72px);line-height:1.03;margin-bottom:24px;letter-spacing:-.045em}
.login-copy p{font-size:18px;line-height:1.75;color:var(--portal-muted);max-width:620px}
.trust-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:720px}
.trust-item{border:1px solid var(--portal-line);background:oklch(100% .005 255 / .035);border-radius:10px;padding:16px}
.trust-item strong{display:block;font-size:18px}
.trust-item span{font-size:12px;color:var(--portal-muted)}
.login-panel-wrap{display:flex;align-items:center;justify-content:center;padding:32px}
.login-panel{width:100%;max-width:430px;background:var(--portal-panel);border:1px solid var(--portal-line-2);border-radius:18px;padding:28px;box-shadow:0 32px 80px oklch(0% 0 0 / .42)}
.panel-title{font-size:24px;font-weight:900;letter-spacing:-.03em;margin-bottom:6px}
.panel-sub{color:var(--portal-muted);font-size:14px;margin-bottom:24px}
.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}
.field label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--portal-muted);font-weight:800}
.field input,.field textarea,.field select{
  width:100%;
  border:1px solid var(--portal-line-2);
  background:oklch(13% .018 255);
  color:var(--portal-text);
  border-radius:10px;
  padding:12px 13px;
  outline:none;
}
.field textarea{min-height:110px;resize:vertical}
.field input:focus,.field textarea:focus,.field select:focus{border-color:oklch(62% .2 260);box-shadow:0 0 0 3px oklch(60% .22 260 / .16)}
.login-presets{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 6px}
.btn-portal{
  border:1px solid var(--portal-line-2);
  background:oklch(100% .005 255 / .04);
  color:var(--portal-text);
  border-radius:10px;
  padding:11px 14px;
  font-weight:800;
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.btn-portal:hover{transform:translateY(-1px);border-color:oklch(60% .22 260 / .7);background:oklch(60% .22 260 / .12)}
.btn-primary-portal{background:linear-gradient(135deg,oklch(60% .22 260),oklch(50% .21 260));border-color:oklch(65% .18 255);color:oklch(99% .006 255)}
.btn-danger{border-color:oklch(65% .18 28 / .35);color:oklch(78% .12 28)}
.full{width:100%}
.hint{font-size:12px;color:var(--portal-subtle);line-height:1.6;margin-top:12px}
.portal-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}
.sidebar{
  position:sticky;top:0;height:100vh;
  background:oklch(13.5% .02 255 / .96);
  border-right:1px solid var(--portal-line);
  padding:22px 18px;
  display:flex;
  flex-direction:column;
  gap:22px;
}
.side-logo{display:flex;align-items:center;gap:12px;padding:6px 8px 18px;border-bottom:1px solid var(--portal-line)}
.side-logo img{width:38px;height:38px;border-radius:10px}
.side-logo strong{display:block;font-size:15px;letter-spacing:-.02em}
.side-logo span{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--portal-muted);font-weight:800}
.nav-stack{display:flex;flex-direction:column;gap:6px}
.nav-btn{
  display:flex;align-items:center;gap:10px;
  border:1px solid transparent;
  background:transparent;
  color:var(--portal-muted);
  border-radius:10px;
  padding:11px 12px;
  font-weight:800;
  cursor:pointer;
  text-align:left;
}
.nav-btn:hover{background:oklch(100% .005 255 / .04);color:var(--portal-text)}
.nav-btn.active{background:oklch(60% .22 260 / .14);border-color:oklch(60% .22 260 / .32);color:var(--portal-text)}
.nav-icon{width:24px;height:24px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;background:oklch(100% .005 255 / .05);font-size:12px}
.side-footer{margin-top:auto;border-top:1px solid var(--portal-line);padding-top:16px}
.user-mini{font-size:13px;color:var(--portal-muted);line-height:1.5;margin-bottom:12px}
.portal-main{min-width:0}
.topbar{
  position:sticky;top:0;z-index:10;
  height:76px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 28px;
  border-bottom:1px solid var(--portal-line);
  background:oklch(15% .018 255 / .88);
  backdrop-filter:blur(18px);
}
.topbar h1{font-size:22px;letter-spacing:-.03em}
.topbar-actions{display:flex;align-items:center;gap:10px}
.content{padding:28px;max-width:1480px}
.notice{
  border:1px solid oklch(60% .22 260 / .26);
}
.notice,.client-notice{
  background:linear-gradient(135deg,oklch(60% .22 260 / .12),oklch(100% .006 255 / .035));
  border:1px solid oklch(60% .22 260 / .24);
  border-radius:12px;
  padding:16px 18px;
  color:var(--portal-muted);
}
.client-notice strong{color:var(--portal-text)}
.grid{display:grid;gap:16px}
.grid-2p{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-3p{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-4p{grid-template-columns:repeat(4,minmax(0,1fr))}
.card-p{
  background:linear-gradient(180deg,oklch(22% .026 255),oklch(18% .022 255));
  border:1px solid var(--portal-line);
  border-radius:12px;
  padding:18px;
  min-width:0;
}
.card-p h2,.card-p h3{font-size:17px;letter-spacing:-.02em;margin-bottom:12px}
.metric{display:flex;flex-direction:column;gap:6px}
.metric-label{font-size:12px;color:var(--portal-muted);font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.metric-value{font-size:30px;font-weight:900;letter-spacing:-.04em;line-height:1}
.metric-foot{font-size:13px;color:var(--portal-muted)}
.table-wrap{overflow:auto;border:1px solid var(--portal-line);border-radius:12px}
.data-table{width:100%;border-collapse:collapse;min-width:760px;background:oklch(17% .021 255)}
.data-table th,.data-table td{padding:13px 14px;text-align:left;border-bottom:1px solid var(--portal-line);font-size:13px;vertical-align:top}
.data-table th{color:var(--portal-muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px;background:oklch(21% .024 255)}
.data-table tr:last-child td{border-bottom:none}
.pill{
  display:inline-flex;align-items:center;gap:6px;
  border:1px solid var(--portal-line-2);
  border-radius:999px;
  padding:4px 9px;
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
}
.pill.open{color:var(--portal-blue-2);background:oklch(60% .22 260 / .11);border-color:oklch(60% .22 260 / .25)}
.pill.done,.pill.paid{color:var(--portal-green);background:oklch(72% .16 150 / .1);border-color:oklch(72% .16 150 / .24)}
.pill.warn{color:var(--portal-orange);background:oklch(72% .15 55 / .1);border-color:oklch(72% .15 55 / .24)}
.pill.stop{color:var(--portal-red);background:oklch(65% .18 28 / .1);border-color:oklch(65% .18 28 / .24)}
.section-title{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:4px 0 18px}
.section-title h2{font-size:24px;letter-spacing:-.035em}
.section-title p{color:var(--portal-muted);font-size:14px;max-width:620px}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.span-2{grid-column:span 2}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.tab-btn{border:1px solid var(--portal-line);background:oklch(100% .005 255 / .035);color:var(--portal-muted);border-radius:999px;padding:9px 13px;font-weight:800;cursor:pointer}
.tab-btn.active{background:oklch(60% .22 260 / .14);border-color:oklch(60% .22 260 / .34);color:var(--portal-text)}
.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.report-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.mini-metric{background:oklch(100% .005 255 / .035);border:1px solid var(--portal-line);border-radius:10px;padding:12px}
.mini-metric span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--portal-muted);font-weight:800}
.mini-metric strong{display:block;font-size:20px;margin-top:6px}
.empty{border:1px dashed var(--portal-line-2);border-radius:12px;padding:28px;text-align:center;color:var(--portal-muted)}
.actions-row{display:flex;gap:8px;flex-wrap:wrap}
.mobile-top{display:none}
@media(max-width:980px){
  .portal-login{grid-template-columns:1fr}
  .login-brand{min-height:46vh;padding:34px;border-right:none;border-bottom:1px solid var(--portal-line)}
  .trust-row{grid-template-columns:1fr}
  .portal-shell{grid-template-columns:1fr}
  .sidebar{display:none}
  .mobile-top{display:flex;gap:8px;overflow:auto;padding:12px;border-bottom:1px solid var(--portal-line)}
  .mobile-top .nav-btn{white-space:nowrap}
  .topbar{height:auto;align-items:flex-start;gap:12px;flex-direction:column;padding:18px}
  .content{padding:18px}
  .grid-2p,.grid-3p,.grid-4p,.report-grid,.form-grid{grid-template-columns:1fr}
  .span-2{grid-column:auto}
  .report-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Cartfy premium portal refresh */
:root{
  --cartfy-primary:oklch(58% .22 255);
  --cartfy-primary-2:oklch(68% .16 245);
  --cartfy-ink:oklch(14% .025 255);
  --cartfy-radius-sm:8px;
  --cartfy-radius-md:12px;
  --cartfy-radius-lg:18px;
  --cartfy-shadow:0 24px 48px oklch(0% 0 0 / .22),0 12px 28px oklch(58% .18 255 / .12);
}
:root[data-theme="light"]{
  --portal-bg:oklch(97% .009 255);
  --portal-panel:oklch(99% .006 255);
  --portal-panel-2:oklch(94% .014 255);
  --portal-line:oklch(72% .025 255 / .28);
  --portal-line-2:oklch(65% .03 255 / .34);
  --portal-text:oklch(19% .03 255);
  --portal-muted:oklch(47% .035 255);
  --portal-subtle:oklch(58% .03 255);
  --portal-blue:oklch(54% .22 255);
  --portal-blue-2:oklch(48% .18 250);
  --portal-green:oklch(52% .16 150);
  --portal-orange:oklch(58% .15 55);
  --portal-red:oklch(56% .19 28);
}
:root[data-theme="light"] body{
  background:
    radial-gradient(circle at 16% -10%,oklch(64% .18 255 / .16),transparent 34rem),
    radial-gradient(circle at 92% 4%,oklch(78% .12 245 / .14),transparent 30rem),
    var(--portal-bg);
}
:root[data-theme="light"] .sidebar,
:root[data-theme="light"] .topbar{background:oklch(99% .006 255 / .9)}
:root[data-theme="light"] .card-p{background:linear-gradient(180deg,oklch(99% .006 255),oklch(96% .01 255))}
:root[data-theme="light"] .data-table{background:oklch(99% .006 255)}
:root[data-theme="light"] .data-table th{background:oklch(94% .014 255)}
:root[data-theme="light"] .field input,
:root[data-theme="light"] .field textarea,
:root[data-theme="light"] .field select{background:oklch(99% .006 255);color:var(--portal-text)}

.brand-lockup img,.side-logo img,.login-visual-core img{
  object-fit:contain;
  background:oklch(99% .006 255);
  padding:5px;
  border:1px solid oklch(100% .005 255 / .18);
  box-shadow:0 10px 24px oklch(0% 0 0 / .18);
}
.brand-lockup img{border-radius:50%;width:50px;height:50px}
.side-logo img{border-radius:50%;width:40px;height:40px;padding:4px}
.login-visual{
  position:relative;
  width:min(430px,74vw);
  aspect-ratio:1;
  margin:24px 0;
  display:grid;
  place-items:center;
  isolation:isolate;
}
.login-visual:before{
  content:"";
  position:absolute;
  inset:8%;
  border-radius:50%;
  background:
    radial-gradient(circle at 50% 50%,oklch(58% .22 255 / .14),transparent 44%),
    conic-gradient(from 90deg,transparent,oklch(66% .18 250 / .35),transparent 38%,oklch(58% .22 255 / .42),transparent 72%);
  filter:blur(.2px);
  animation:cartfySpin 18s linear infinite;
}
.login-visual:after{
  content:"";
  position:absolute;
  inset:20%;
  border:1px solid oklch(100% .005 255 / .12);
  border-radius:50%;
  box-shadow:0 0 80px oklch(58% .22 255 / .22), inset 0 0 40px oklch(58% .22 255 / .08);
}
.login-visual span{
  position:absolute;
  border-radius:50%;
  border:1px solid oklch(100% .005 255 / .15);
  animation:cartfyPulse 4.8s ease-out infinite;
}
.login-visual span:nth-child(1){inset:12%;animation-delay:0s}
.login-visual span:nth-child(2){inset:25%;animation-delay:1.1s}
.login-visual span:nth-child(3){inset:38%;animation-delay:2.2s}
.login-visual-core{
  width:112px;
  height:112px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:linear-gradient(145deg,oklch(99% .006 255),oklch(86% .03 255));
  border:1px solid oklch(100% .006 255 / .34);
  box-shadow:0 28px 70px oklch(0% 0 0 / .38),0 0 54px oklch(58% .22 255 / .28);
  z-index:2;
}
.login-visual-core img{width:78px;height:78px;border-radius:50%;box-shadow:none;border:0;padding:7px}
@keyframes cartfySpin{to{transform:rotate(360deg)}}
@keyframes cartfyPulse{
  0%{transform:scale(.88);opacity:.68}
  70%{opacity:.14}
  100%{transform:scale(1.13);opacity:0}
}
.theme-toggle{
  display:inline-flex;align-items:center;gap:8px;
  min-height:40px;
  border:1px solid var(--portal-line-2);
  background:oklch(100% .005 255 / .045);
  color:var(--portal-text);
  border-radius:999px;
  padding:5px 12px 5px 6px;
  cursor:pointer;
  font-weight:900;
}
.theme-toggle span{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--portal-blue),var(--portal-blue-2));box-shadow:0 0 20px oklch(58% .22 255 / .32)}
.theme-toggle strong{font-size:12px;letter-spacing:.02em}
.client-hero{
  display:flex;align-items:flex-end;justify-content:space-between;gap:24px;
  border:1px solid var(--portal-line);
  background:
    linear-gradient(135deg,oklch(58% .22 255 / .18),transparent 42%),
    linear-gradient(180deg,var(--portal-panel),var(--portal-panel-2));
  border-radius:var(--cartfy-radius-lg);
  padding:30px;
  box-shadow:var(--cartfy-shadow);
  margin-bottom:16px;
}
.client-hero h2{font-size:34px;line-height:1.05;letter-spacing:-.04em;margin:8px 0 10px}
.client-hero p{max-width:620px;color:var(--portal-muted);line-height:1.55}
.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:900;color:var(--portal-blue-2)}
.client-hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.client-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}
.flow-item{border:1px solid var(--portal-line);border-radius:var(--cartfy-radius-md);background:oklch(100% .005 255 / .035);padding:14px;min-height:92px;display:flex;flex-direction:column;gap:10px}
.flow-item strong{font-size:13px;line-height:1.35;color:var(--portal-text)}
.client-summary .metric-value{font-size:26px}
.portal-role-client .content{max-width:1180px;margin:0 auto;width:100%}
.portal-role-client .section-title h2{font-size:28px}
.portal-role-admin .content{max-width:1500px}
@media(max-width:980px){
  .login-visual{width:min(310px,70vw);margin:18px auto}
  .login-visual-core{width:88px;height:88px}
  .login-visual-core img{width:62px;height:62px}
  .client-hero{align-items:flex-start;flex-direction:column;padding:22px}
  .client-flow{grid-template-columns:1fr}
}

/* Final client-first experience pass */
@media(min-width:981px){
  .portal-login{
    height:100dvh;
    min-height:680px;
    overflow:hidden;
    grid-template-columns:minmax(0,1.02fr) minmax(380px,.78fr);
  }
  .login-brand{padding:34px 50px 34px;gap:18px}
  .login-panel-wrap{padding:28px 42px}
  .login-copy{max-width:590px}
  .login-copy h1{font-size:clamp(36px,4vw,58px);margin-bottom:16px;letter-spacing:-.04em}
  .login-copy p{font-size:16px;line-height:1.55;max-width:540px}
  .login-panel{max-width:405px;padding:26px}
}
.login-brand{justify-content:center;position:relative;overflow:hidden}
.login-brand .brand-lockup{position:absolute;top:30px;left:42px;z-index:3}
.brand-lockup img,.side-logo img,.login-visual-core img,.node-main img{
  object-fit:contain;
  background:transparent;
  padding:0;
  border:0;
  box-shadow:none;
}
.brand-lockup img{width:46px;height:46px;border-radius:50%}
.side-logo img{width:38px;height:38px;border-radius:50%;background:oklch(100% .005 255 / .06);padding:3px}
.login-signals{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.login-signals span{
  border:1px solid oklch(100% .006 255 / .13);
  background:oklch(100% .006 255 / .045);
  color:var(--portal-muted);
  border-radius:999px;
  padding:7px 10px;
  font-size:11px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.login-presets,.hint,.trust-row{display:none!important}
.panel-sub{line-height:1.5}

.ops-map.login-visual{
  width:min(520px,72vw);
  max-height:42vh;
  margin:44px 0 26px;
  aspect-ratio:1.55;
  display:block;
  border:1px solid oklch(100% .006 255 / .1);
  border-radius:28px;
  background:
    linear-gradient(90deg,oklch(100% .006 255 / .04) 1px,transparent 1px),
    linear-gradient(0deg,oklch(100% .006 255 / .035) 1px,transparent 1px),
    radial-gradient(circle at 50% 50%,oklch(58% .22 255 / .18),transparent 45%),
    linear-gradient(145deg,oklch(12% .026 255),oklch(18% .035 255));
  background-size:42px 42px,42px 42px,100% 100%,100% 100%;
  box-shadow:0 26px 80px oklch(0% 0 0 / .28), inset 0 0 0 1px oklch(100% .006 255 / .04);
}
.ops-map.login-visual:before,
.ops-map.login-visual:after{content:none}
.ops-map .ops-node{
  position:absolute;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:auto;
  height:auto;
  min-width:0;
  border:1px solid oklch(100% .006 255 / .14);
  background:oklch(14% .027 255 / .92);
  color:var(--portal-text);
  border-radius:999px;
  padding:8px 11px;
  font-size:11px;
  font-weight:900;
  letter-spacing:.03em;
  animation:none;
  box-shadow:0 12px 30px oklch(0% 0 0 / .22);
  z-index:2;
}
.ops-map .node-main{
  left:50%;top:50%;transform:translate(-50%,-50%);
  width:96px;height:96px;padding:0;border-radius:50%;
  background:linear-gradient(145deg,oklch(20% .04 255),oklch(10% .025 255));
  border-color:oklch(58% .22 255 / .38);
  box-shadow:0 0 52px oklch(58% .22 255 / .28),0 24px 54px oklch(0% 0 0 / .34);
}
.ops-map .node-main img{width:72px;height:72px;border-radius:50%}
.ops-map .n1{left:9%;top:18%}.ops-map .n2{right:10%;top:17%}.ops-map .n3{left:12%;bottom:18%}.ops-map .n4{right:9%;bottom:18%}.ops-map .n5{left:50%;bottom:7%;transform:translateX(-50%)}
.ops-map .flow{
  position:absolute;
  left:50%;top:50%;
  width:36%;height:2px;
  transform-origin:left center;
  background:linear-gradient(90deg,transparent,oklch(68% .18 245),transparent);
  border-radius:999px;
  opacity:.72;
  animation:flowPulse 2.8s ease-in-out infinite;
  z-index:1;
}
.ops-map .f1{transform:rotate(210deg)}
.ops-map .f2{transform:rotate(330deg);animation-delay:.5s}
.ops-map .f3{transform:rotate(150deg);animation-delay:1s}
.ops-map .f4{transform:rotate(30deg);animation-delay:1.5s}
@keyframes flowPulse{
  0%,100%{opacity:.18;filter:blur(0);clip-path:inset(0 82% 0 0)}
  50%{opacity:.95;filter:drop-shadow(0 0 12px oklch(62% .2 255 / .56));clip-path:inset(0 0 0 0)}
}

:root[data-theme="light"] .sidebar{
  background:oklch(98% .008 255 / .96)!important;
  border-right-color:oklch(70% .026 255 / .32);
  box-shadow:12px 0 34px oklch(30% .04 255 / .05);
}
:root[data-theme="light"] .side-logo{border-bottom-color:oklch(70% .026 255 / .28)}
:root[data-theme="light"] .side-footer{border-top-color:oklch(70% .026 255 / .28)}
:root[data-theme="light"] .nav-btn{color:oklch(45% .035 255)}
:root[data-theme="light"] .nav-btn:hover{background:oklch(91% .025 255);color:oklch(20% .035 255)}
:root[data-theme="light"] .nav-btn.active{background:oklch(58% .2 255 / .12);border-color:oklch(58% .2 255 / .24);color:oklch(20% .035 255)}
:root[data-theme="light"] .nav-icon{background:oklch(90% .022 255)}
:root[data-theme="light"] .mobile-top{background:oklch(98% .008 255);border-bottom-color:oklch(70% .026 255 / .28)}
:root[data-theme="light"] .theme-toggle{background:oklch(94% .014 255);color:var(--portal-text)}

.client-command{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);
  gap:18px;
  border:1px solid var(--portal-line);
  border-radius:22px;
  padding:28px;
  margin-bottom:16px;
  background:
    radial-gradient(circle at 15% 0%,oklch(58% .22 255 / .2),transparent 34rem),
    linear-gradient(145deg,var(--portal-panel),var(--portal-panel-2));
  box-shadow:var(--cartfy-shadow);
}
.command-copy h2{font-size:38px;line-height:1.03;letter-spacing:-.045em;margin:9px 0 12px}
.command-copy p{max-width:650px;color:var(--portal-muted);line-height:1.58}
.command-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.command-panel{
  border:1px solid var(--portal-line);
  border-radius:18px;
  padding:16px;
  background:oklch(100% .006 255 / .045);
}
.command-panel-title{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:var(--portal-muted);margin-bottom:12px}
.operation-step{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;border-top:1px solid var(--portal-line)}
.operation-step:first-of-type{border-top:0}
.operation-step strong{font-size:13px;line-height:1.3;text-align:right;color:var(--portal-text)}
.next-action{color:var(--portal-muted);line-height:1.55;margin-bottom:16px}
.client-hero,.client-flow{display:none!important}

@media(max-width:980px){
  .portal-login{min-height:100dvh}
  .login-brand{padding:86px 26px 26px;min-height:auto}
  .login-brand .brand-lockup{left:24px;top:22px}
  .ops-map.login-visual{width:100%;max-height:none;margin:12px 0 22px;aspect-ratio:1.25}
  .ops-map .node-main{width:78px;height:78px}.ops-map .node-main img{width:58px;height:58px}
  .ops-map .ops-node:not(.node-main){font-size:10px;padding:7px 9px}
  .login-copy h1{font-size:34px}
  .login-panel-wrap{padding:22px}
  .client-command{grid-template-columns:1fr;padding:22px}
  .command-copy h2{font-size:30px}
  .operation-step{align-items:flex-start;flex-direction:column}
  .operation-step strong{text-align:left}
}

@media(min-width:981px){
  .portal-login{min-height:0;height:100dvh;overflow:hidden}
  .ops-map.login-visual{max-height:36vh;margin:34px 0 22px}
  .login-copy h1{font-size:clamp(34px,3.6vw,54px)}
  .login-copy p{font-size:15px}
}

/* Neural login visual replacing operational disk */
.neural-map.login-visual{
  position:relative;
  width:min(560px,72vw);
  max-height:36vh;
  margin:34px 0 22px;
  aspect-ratio:1.55;
  display:block;
  border:1px solid oklch(100% .006 255 / .1);
  border-radius:28px;
  overflow:hidden;
  background:
    radial-gradient(circle at 52% 46%,oklch(58% .22 255 / .22),transparent 35%),
    linear-gradient(90deg,oklch(100% .006 255 / .035) 1px,transparent 1px),
    linear-gradient(0deg,oklch(100% .006 255 / .03) 1px,transparent 1px),
    linear-gradient(145deg,oklch(10% .024 255),oklch(17% .034 255));
  background-size:100% 100%,46px 46px,46px 46px,100% 100%;
  box-shadow:0 26px 80px oklch(0% 0 0 / .28), inset 0 0 0 1px oklch(100% .006 255 / .04);
}
.neural-map.login-visual:before,
.neural-map.login-visual:after{content:none!important}
.neural-map svg{position:absolute;inset:0;width:100%;height:100%;z-index:1}
.neural-lines path{
  fill:none;
  stroke:url(#cartfyLine);
  stroke-width:1.35;
  stroke-linecap:round;
  stroke-dasharray:5 10;
  animation:neuralDash 18s linear infinite;
}
.neural-lines path:nth-child(2){animation-duration:22s;opacity:.78}
.neural-lines path:nth-child(3){animation-duration:26s;opacity:.56}
.neural-lines path:nth-child(4){animation-duration:20s;opacity:.44}
.neural-lines path:nth-child(5){animation-duration:24s;opacity:.5}
.neural-pulses circle{fill:oklch(72% .18 245);filter:drop-shadow(0 0 10px oklch(66% .2 250 / .9))}
.neural-logo{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:88px;height:88px;border-radius:50%;display:grid;place-items:center;z-index:3;
  background:radial-gradient(circle at 35% 25%,oklch(35% .08 255),oklch(11% .026 255) 70%);
  border:1px solid oklch(62% .2 255 / .34);
  box-shadow:0 0 44px oklch(58% .22 255 / .34),0 20px 48px oklch(0% 0 0 / .35);
}
.neural-logo img{width:64px;height:64px;object-fit:contain;border-radius:50%;background:transparent;border:0;box-shadow:none;padding:0}
.neural-node{
  position:absolute;z-index:2;
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid oklch(68% .16 245 / .25);
  background:oklch(13% .026 255 / .88);
  color:var(--portal-text);
  border-radius:999px;
  padding:7px 10px;
  font-size:10.5px;
  font-weight:900;
  letter-spacing:.04em;
  box-shadow:0 10px 26px oklch(0% 0 0 / .22),0 0 18px oklch(58% .22 255 / .12);
}
.neural-node:before{
  content:"";width:6px;height:6px;border-radius:50%;margin-right:7px;
  background:oklch(68% .18 245);box-shadow:0 0 12px oklch(68% .18 245 / .8);
}
.neural-node.n1{left:8%;top:16%}.neural-node.n2{left:48%;top:10%;transform:translateX(-50%)}.neural-node.n3{right:8%;top:18%}.neural-node.n4{left:7%;bottom:16%}.neural-node.n5{right:7%;bottom:15%}.neural-node.n6{left:50%;bottom:8%;transform:translateX(-50%)}
@keyframes neuralDash{to{stroke-dashoffset:-180}}
@media(max-width:980px){
  .neural-map.login-visual{width:100%;max-height:none;margin:12px 0 22px;aspect-ratio:1.25}
  .neural-logo{width:74px;height:74px}.neural-logo img{width:54px;height:54px}
  .neural-node{font-size:9.5px;padding:6px 8px}
  .neural-node.n2,.neural-node.n6{display:none}
}