:root{
  color-scheme:dark;
  --bg:#050710;
  --surface:rgba(10,16,31,.76);
  --surface-2:rgba(13,21,39,.66);
  --field:rgba(3,7,15,.72);
  --text:#edf4ff;
  --muted:#96a6c2;
  --subtle:#71809e;
  --line:rgba(143,166,255,.14);
  --line-strong:rgba(143,166,255,.28);
  --ok:#76f5c7;
  --err:#ff7d96;
  --warn:#ffd37b;
  --radius:22px;
  --mono:"IBM Plex Mono","Cascadia Mono",ui-monospace,SFMono-Regular,Consolas,monospace;
  --sans:"Sora","Noto Sans SC","Source Han Sans SC","PingFang SC","Microsoft YaHei UI","Microsoft YaHei",system-ui,sans-serif;
}
body[data-brand="gpt"]{
  --accent:#63e6ff;
  --accent-2:#8b7cff;
  --accent-3:#c2ff6a;
  --accent-rgb:99,230,255;
  --accent-2-rgb:139,124,255;
  --halo-1:rgba(31,181,255,.22);
  --halo-2:rgba(123,92,255,.17);
  --halo-3:rgba(194,255,106,.06);
}
body[data-brand="gemini"]{
  --accent:#ff8bd8;
  --accent-2:#a78bfa;
  --accent-3:#74e7ff;
  --accent-rgb:255,139,216;
  --accent-2-rgb:167,139,250;
  --halo-1:rgba(255,92,190,.19);
  --halo-2:rgba(113,96,255,.19);
  --halo-3:rgba(116,231,255,.06);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  overflow-x:hidden;
  background:
    radial-gradient(ellipse 78% 58% at 4% -10%,var(--halo-1),transparent 58%),
    radial-gradient(ellipse 62% 48% at 100% 4%,var(--halo-2),transparent 60%),
    radial-gradient(ellipse 54% 40% at 50% 112%,var(--halo-3),transparent 66%),
    var(--bg);
  color:var(--text);
  font:15px/1.7 var(--sans);
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(133,161,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(133,161,255,.045) 1px,transparent 1px);
  background-size:58px 58px;
  mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.72) 38%,transparent 92%);
  opacity:.42;
  z-index:0;
}
body::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:radial-gradient(ellipse at 50% 42%,transparent 20%,rgba(0,0,0,.22) 78%);
  z-index:0;
}
::selection{background:rgba(var(--accent-rgb),.3);color:#fff}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.shell{position:relative;z-index:1;width:min(1240px,calc(100% - 64px));margin:0 auto;padding:34px 0 48px}
.topbar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  border-bottom:1px solid var(--line);
  padding-bottom:22px;
  margin-bottom:26px;
}
.brand-lockup{display:flex;align-items:center;gap:13px;color:var(--text);text-decoration:none;min-width:0}
.brand-orb{
  position:relative;
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  flex:0 0 auto;
  border-radius:14px;
  background:conic-gradient(from 210deg,var(--accent),var(--accent-2),transparent 72%,var(--accent));
  box-shadow:0 0 26px rgba(var(--accent-rgb),.16);
}
.brand-orb::before{content:"";position:absolute;inset:2px;border-radius:12px;background:#080d19}
.brand-orb::after{
  content:"";
  position:absolute;
  inset:-5px;
  border:1px solid rgba(var(--accent-rgb),.22);
  border-radius:18px;
  transform:rotate(13deg);
}
.brand-orb span{
  position:relative;
  z-index:1;
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--accent);
  box-shadow:0 0 0 5px rgba(var(--accent-rgb),.1),0 0 18px rgba(var(--accent-rgb),.9);
}
.brand-copy{display:grid;gap:1px;min-width:0}
.brand-copy strong{font-size:23px;line-height:1.05;letter-spacing:-.07em;font-weight:800;white-space:nowrap}
.brand-copy strong span{color:var(--accent);margin:0 3px}
.brand-copy small{font:9px/1.3 var(--mono);letter-spacing:.18em;color:var(--subtle);white-space:nowrap}
.top-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.status-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:1px solid var(--line);
  border-radius:99px;
  padding:7px 12px;
  background:rgba(7,13,25,.64);
  color:var(--muted);
  font:10px/1 var(--mono);
  letter-spacing:.08em;
  white-space:nowrap;
}
.live-dot{
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--ok);
  box-shadow:0 0 0 4px rgba(118,245,199,.08),0 0 13px rgba(118,245,199,.8);
  animation:pulse 2.2s ease-in-out infinite;
}
.protocol{font:10px/1 var(--mono);letter-spacing:.12em;color:var(--subtle);white-space:nowrap}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 344px;gap:18px;align-items:start}
.maincard{
  position:relative;
  overflow:hidden;
  background:linear-gradient(155deg,rgba(16,25,47,.84),rgba(7,12,24,.72));
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:26px;
  margin-bottom:16px;
  box-shadow:0 18px 70px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.035);
  backdrop-filter:blur(16px);
  animation:rise .6s cubic-bezier(.2,.75,.2,1) both;
}
.maincard::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(var(--accent-rgb),.65),transparent);
  opacity:.7;
}
.maincard::after{
  content:"";
  position:absolute;
  width:300px;
  height:300px;
  top:-180px;
  right:-100px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(var(--accent-rgb),.13),transparent 68%);
  pointer-events:none;
}
.maincard > *{position:relative;z-index:1}
.eyebrow{
  font:10px/1.4 var(--mono);
  font-weight:600;
  letter-spacing:.18em;
  color:var(--accent);
  margin-bottom:10px;
  text-transform:uppercase;
}
h1{font-size:clamp(29px,3.4vw,43px);line-height:1.16;letter-spacing:-.045em;margin:0 0 10px;font-weight:700}
h1 span{
  background:linear-gradient(110deg,var(--accent),var(--accent-2));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
h2{font-size:18px;letter-spacing:-.035em;margin:0 0 8px;font-weight:700}
.lead{color:var(--muted);font-size:14px;margin:0 0 18px;max-width:620px}
.hero-head{position:relative}
.hero-chips{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 24px}
.hero-chips span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:var(--subtle);
  border:1px solid var(--line);
  border-radius:99px;
  padding:5px 9px;
  font:10px/1.2 var(--mono);
  letter-spacing:.02em;
  background:rgba(255,255,255,.018);
}
.hero-chips span::before{content:"";width:4px;height:4px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px rgba(var(--accent-rgb),.8)}
.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 10px}
.section-label{font-size:13px;font-weight:650;color:#dfe9ff}
.section-note{font:9px/1 var(--mono);letter-spacing:.14em;color:var(--subtle)}
.small-note{color:var(--subtle);font-size:12px;margin:10px 0 19px}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
body[data-brand="gemini"] .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.product{
  position:relative;
  overflow:hidden;
  text-align:left;
  background:linear-gradient(155deg,rgba(255,255,255,.055),rgba(255,255,255,.012));
  border:1px solid var(--line);
  border-radius:16px;
  padding:15px 14px 13px;
  color:var(--muted);
  cursor:pointer;
  min-height:122px;
  transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease;
}
.product::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,rgba(var(--accent-rgb),.11),transparent 48%);
  opacity:0;
  transition:opacity .2s ease;
  pointer-events:none;
}
.product:hover{transform:translateY(-3px);border-color:rgba(var(--accent-rgb),.45);box-shadow:0 13px 34px rgba(0,0,0,.22)}
.product:hover::before{opacity:.75}
.product.selected{
  border-color:rgba(var(--accent-rgb),.84);
  background:linear-gradient(145deg,rgba(var(--accent-rgb),.13),rgba(var(--accent-2-rgb),.055) 68%,rgba(255,255,255,.018));
  box-shadow:0 0 0 1px rgba(var(--accent-rgb),.15) inset,0 16px 38px rgba(var(--accent-rgb),.1);
}
.product.selected::before{opacity:1}
.prod-mark{
  display:block;
  font:800 31px/1 var(--sans);
  letter-spacing:-.08em;
  color:#dbe7ff;
  margin-bottom:12px;
  transition:color .2s ease,text-shadow .2s ease;
}
.product.selected .prod-mark{color:var(--accent);text-shadow:0 0 22px rgba(var(--accent-rgb),.35)}
.product strong{display:block;position:relative;color:#e5eeff;font-size:12.5px;line-height:1.4;margin-bottom:3px;font-weight:600}
.product small{display:block;position:relative;color:var(--subtle);font-size:10.5px;line-height:1.5}
.radio{position:absolute;right:11px;top:11px;width:15px;height:15px;border-radius:50%;border:1px solid rgba(143,166,255,.35);display:grid;place-items:center}
.product.selected .radio{border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 4px rgba(var(--accent-rgb),.1),0 0 16px rgba(var(--accent-rgb),.38)}
.radio::after{content:"";width:5px;height:5px;border-radius:50%;background:#05101a;display:none}
.product.selected .radio::after{display:block}
.field{margin-top:18px}
.label-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px}
label{display:block;color:#cfddf5;font-size:12.5px;font-weight:600}
.label-row>span{font:9px/1 var(--mono);letter-spacing:.08em;color:var(--subtle)}
.field input,.field textarea,.query-row input{
  width:100%;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--field);
  color:var(--text);
  padding:13px 14px;
  font:14px/1.5 var(--sans);
  outline:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.field textarea{min-height:154px;resize:vertical;font:12.5px/1.65 var(--mono)}
.field input::placeholder,.field textarea::placeholder,.query-row input::placeholder{color:#4f5d78}
.field input:focus,.field textarea:focus,.query-row input:focus{
  border-color:rgba(var(--accent-rgb),.75);
  background:rgba(3,8,17,.9);
  box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1),0 0 28px rgba(var(--accent-rgb),.06);
}
.field input:-webkit-autofill,.field textarea:-webkit-autofill{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 1000px #08101f inset}
.session-head{margin-bottom:7px}
.mini-link{
  border:1px solid rgba(var(--accent-rgb),.28);
  border-radius:99px;
  padding:5px 9px;
  color:var(--accent);
  text-decoration:none;
  font:9.5px/1.2 var(--mono);
  font-weight:500;
  white-space:nowrap;
  transition:background .2s ease,border-color .2s ease;
}
.mini-link:hover{background:rgba(var(--accent-rgb),.08);border-color:rgba(var(--accent-rgb),.55)}
.hint{color:var(--subtle);font-size:11.5px;margin-top:7px;transition:color .2s ease}
.hint.ok{color:var(--ok)}
.hint.err{color:var(--err)}
button{border:0;border-radius:11px;padding:11px 16px;font:inherit;font-weight:650;cursor:pointer;white-space:nowrap}
.primary{
  position:relative;
  width:100%;
  overflow:hidden;
  background:linear-gradient(110deg,var(--accent),var(--accent-2));
  color:#041019;
  padding:15px 18px;
  font-size:15px;
  letter-spacing:.01em;
  margin-top:21px;
  box-shadow:0 14px 34px rgba(var(--accent-rgb),.18);
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
}
.primary::after{content:"↗";display:inline-block;margin-left:9px;font-size:16px;transition:transform .2s ease}
.primary:hover{transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 18px 42px rgba(var(--accent-rgb),.28)}
.primary:hover::after{transform:translate(2px,-2px)}
.primary:active{transform:translateY(0)}
.primary:disabled{opacity:.62;cursor:wait;filter:saturate(.8)}
.primary:disabled::after{display:none}
.ghost{background:rgba(255,255,255,.025);color:var(--accent);border:1px solid rgba(var(--accent-rgb),.28)}
.ghost:hover{background:rgba(var(--accent-rgb),.08);border-color:rgba(var(--accent-rgb),.5)}
button:disabled{opacity:.55;cursor:wait}
.sidebar{display:grid;gap:16px}
.side-card{
  background:linear-gradient(155deg,rgba(16,25,47,.7),rgba(7,12,24,.58));
  border:1px solid var(--line);
  border-radius:18px;
  padding:20px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
  animation:rise .6s cubic-bezier(.2,.75,.2,1) both;
  box-shadow:0 14px 40px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.025);
}
.side-card:nth-child(2){animation-delay:.07s}
.side-card:nth-child(3){animation-delay:.13s}
.side-card h2{font-size:16px;margin-bottom:6px}
.side-sub{color:var(--subtle);font-size:11.5px;margin:0 0 17px}
.steps-guide{list-style:none;padding:0;margin:0;display:grid;gap:17px;position:relative}
.steps-guide::before{content:"";position:absolute;left:8px;top:8px;bottom:8px;width:1px;background:linear-gradient(var(--accent),rgba(var(--accent-rgb),.08))}
.steps-guide li{display:flex;gap:12px;position:relative}
.steps-guide li>b{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  flex:0 0 17px;
  width:17px;
  height:17px;
  border-radius:50%;
  background:#0a1222;
  border:1px solid rgba(var(--accent-rgb),.45);
  color:var(--accent);
  font:8px/1 var(--mono);
  letter-spacing:.04em;
}
.steps-guide strong{display:block;font-size:12.5px;color:#dfe9ff;line-height:1.45;font-weight:600}
.steps-guide p{font-size:11.5px;color:var(--muted);margin:3px 0 0;line-height:1.65}
.steps-guide a{color:var(--accent);font:10px/1.4 var(--mono);text-decoration:none;display:inline-block;margin-top:4px}
.steps-guide a:hover{text-decoration:underline}
.side-note{margin-top:18px;border:1px dashed rgba(var(--accent-rgb),.24);border-radius:11px;padding:10px 11px;color:var(--muted);font-size:11px;line-height:1.65;background:rgba(var(--accent-rgb),.035)}
.side-card.compact p{color:var(--muted);font-size:11.5px;margin:0;line-height:1.7}
.side-card details{border-top:1px solid var(--line);padding:10px 0}
.side-card details:first-of-type{border-top:0;padding-top:0}
.side-card summary{cursor:pointer;color:#d6e2f8;font-size:11.5px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:10px;align-items:center}
.side-card summary::-webkit-details-marker{display:none}
.side-card summary::after{content:"+";color:var(--accent);font:14px/1 var(--mono)}
.side-card details[open] summary::after{content:"−"}
.side-card details p{font-size:11.5px;color:var(--muted);margin:8px 0 0;line-height:1.7}
.order-panel{padding-top:23px}
.order-top{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:15px}
.order-top h2{margin-bottom:0}
.pill{display:inline-flex;align-items:center;border-radius:99px;padding:4px 9px;font:9px/1.4 var(--mono);border:1px solid rgba(255,211,123,.22);color:var(--warn);background:rgba(255,211,123,.06);white-space:nowrap}
.pill.success{color:var(--ok);background:rgba(118,245,199,.07);border-color:rgba(118,245,199,.25)}
.pill.failed{color:var(--err);background:rgba(255,125,150,.07);border-color:rgba(255,125,150,.25)}
.pill.processing,.pill.queued{color:var(--warn);background:rgba(255,211,123,.06);border-color:rgba(255,211,123,.24)}
.progress-bar{height:6px;background:rgba(143,166,255,.1);border-radius:99px;overflow:hidden;position:relative}
.progress-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--accent-2));box-shadow:0 0 16px rgba(var(--accent-rgb),.6);position:relative;transition:width .5s cubic-bezier(.2,.75,.2,1)}
.progress-bar i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:shimmer 2.3s linear infinite;mix-blend-mode:screen;opacity:.55}
.progress-steps{display:flex;justify-content:space-between;color:var(--subtle);font:9px/1.4 var(--mono);margin-top:9px;gap:5px;flex-wrap:wrap}
.progress-steps span.active{color:var(--accent)}
.order-box{display:grid;gap:8px;margin-top:17px}
.order-head{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.order-head strong{font-size:12.5px;color:#e7efff;font-weight:600}
.order-meta{color:var(--subtle);font-size:11.5px}
.order-message{color:#c4d3eb;font-size:12.5px}
.order-log{
  margin-top:16px;
  padding:13px 14px;
  border:1px solid rgba(143,166,255,.13);
  border-radius:12px;
  background:rgba(3,7,15,.72);
  color:#8ca2c4;
  font:11px/1.75 var(--mono);
  white-space:pre-wrap;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
.order-log::before{content:"$ SYSTEM LOG";display:block;color:var(--accent);font:9px/1.4 var(--mono);letter-spacing:.14em;margin-bottom:6px;opacity:.75}
.customer-tools{margin-bottom:16px}
.tools-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:12px}
.tools-head h2{margin:0}
.tools-note{font:9px/1.4 var(--mono);color:var(--subtle);white-space:nowrap}
.tool-actions{display:flex;flex-wrap:wrap;gap:7px}
.tool-button{border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.025);color:#c8d7f0;padding:9px 11px;font-size:11px;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.tool-button:hover{border-color:rgba(var(--accent-rgb),.4);background:rgba(var(--accent-rgb),.06);transform:translateY(-1px)}
.tool-button-hot{border-color:rgba(var(--accent-rgb),.34);background:rgba(var(--accent-rgb),.1);color:var(--accent)}
.tool-button-green{border-color:rgba(118,245,199,.24);color:var(--ok);background:rgba(118,245,199,.055)}
.tool-button-red{border-color:rgba(255,125,150,.24);color:var(--err);background:rgba(255,125,150,.055)}
.tool-hint{color:var(--subtle);font-size:10.5px;line-height:1.6;margin:10px 0 0}
.tool-hint code{font-family:var(--mono);color:var(--accent);font-size:10px}
.customer-tabs{display:flex;gap:3px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin-top:17px}
.customer-tab{position:relative;border:0;background:transparent;color:var(--subtle);padding:9px 10px;font-size:10.5px;cursor:pointer;white-space:nowrap}
.customer-tab b{margin-left:4px;font:9px/1 var(--mono);color:var(--subtle);font-weight:400}
.customer-tab:hover{color:var(--text)}
.customer-tab.active{color:var(--accent)}
.customer-tab.active::after{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:2px;background:var(--accent);box-shadow:0 0 10px rgba(var(--accent-rgb),.5)}
.customer-tab.active b{color:var(--accent)}
.customer-modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:18px;background:rgba(1,4,10,.72);backdrop-filter:blur(12px)}
.customer-modal-card{width:min(620px,100%);max-height:calc(100vh - 36px);overflow:auto;border:1px solid var(--line-strong);border-radius:17px;background:linear-gradient(155deg,#121c34,#0a1020);box-shadow:0 30px 100px rgba(0,0,0,.5);padding:20px}
.customer-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border-bottom:1px solid var(--line);padding-bottom:13px;margin-bottom:15px}
.customer-modal-head h2{font-size:19px;margin:0}
.customer-modal-close{width:28px;height:28px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.03);color:var(--muted);font-size:18px;line-height:1;cursor:pointer}
.customer-modal-close:hover{color:var(--err);border-color:rgba(255,125,150,.4)}
.customer-modal-body{display:grid;gap:13px}
.modal-field{display:grid;gap:6px}
.modal-field label{font-size:11.5px;color:var(--muted)}
.modal-field input,.modal-field select,.modal-field textarea{width:100%;border:1px solid var(--line);border-radius:9px;background:rgba(3,7,15,.62);color:var(--text);padding:10px 11px;font:12px/1.5 var(--sans);outline:none}
.modal-field textarea{min-height:150px;resize:vertical;font:11px/1.65 var(--mono)}
.modal-field input:focus,.modal-field select:focus,.modal-field textarea:focus{border-color:rgba(var(--accent-rgb),.65);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1)}
.modal-note{color:var(--subtle);font-size:10.5px;line-height:1.65}
.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:2px}
.modal-actions .primary{width:auto;margin:0;padding:11px 16px;font-size:12px}
.modal-actions .primary::after{display:none}
.modal-actions .ghost{padding:11px 14px;font-size:12px}
.modal-status{font-size:11px;color:var(--muted);line-height:1.6;min-height:16px}
.modal-status.err{color:var(--err)}
.modal-status.ok{color:var(--ok)}
.customer-docs{display:grid;gap:9px}
.customer-docs section{border-top:1px solid var(--line);padding-top:10px}
.customer-docs section:first-child{border-top:0;padding-top:0}
.customer-docs h4{font-size:12px;margin:0 0 5px;color:#dbe7ff}
.customer-docs p{font-size:10.5px;color:var(--muted);line-height:1.6;margin:0 0 5px}
.customer-docs code{font-family:var(--mono);color:var(--accent);font-size:10px}
.customer-docs pre{margin:0;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:rgba(3,7,15,.55);color:#a9bdd9;font:10px/1.6 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere}
.customer-toast{position:fixed;left:50%;bottom:24px;z-index:80;transform:translateX(-50%);border:1px solid rgba(var(--accent-rgb),.35);border-radius:10px;background:#101b31;color:var(--text);padding:10px 14px;font-size:12px;box-shadow:0 15px 40px rgba(0,0,0,.35);max-width:calc(100% - 32px)}
.customer-toast.err{border-color:rgba(255,125,150,.4);color:var(--err)}
.customer-toast.ok{border-color:rgba(118,245,199,.35);color:var(--ok)}
.history-panel{margin-top:18px;border-top:1px solid var(--line);padding-top:16px}
.history-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:10px}
.history-head h3{font-size:14px;letter-spacing:-.02em;margin:0}
.history-head .eyebrow{margin-bottom:4px}
.history-count{font:9px/1.4 var(--mono);color:var(--subtle);border:1px solid var(--line);border-radius:99px;padding:4px 8px;white-space:nowrap}
.history-list{display:grid;gap:7px}
.history-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.018);padding:10px 12px}
.history-status{display:flex;align-items:center}
.history-body{min-width:0}
.history-top{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.history-top strong{font:10px/1.4 var(--mono);color:#d7e4ff;font-weight:500}
.history-top span{font-size:10px;color:var(--subtle)}
.history-body p{color:var(--muted);font-size:11px;line-height:1.5;margin:2px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.history-time{font:9px/1.4 var(--mono);color:var(--subtle);white-space:nowrap}
.event-panel{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}
.event-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px;color:var(--muted);font-size:10.5px}
.event-head span:last-child{font:9px/1.4 var(--mono);color:var(--subtle)}
.event-list{display:grid;gap:5px;max-height:190px;overflow-y:auto}
.event-item{display:grid;grid-template-columns:64px auto minmax(0,1fr);gap:8px;align-items:center;border-left:1px solid rgba(var(--accent-rgb),.2);padding:5px 0 5px 9px}
.event-item time{font:9px/1.4 var(--mono);color:var(--subtle);white-space:nowrap}
.event-item .pill{justify-self:start;font-size:8px;padding:3px 6px}
.event-item p{margin:0;color:var(--muted);font-size:10.5px;line-height:1.45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:16px}
.stats-grid div{border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025);padding:12px 13px;transition:border-color .2s ease,background .2s ease}
.stats-grid div:hover{border-color:rgba(var(--accent-rgb),.3);background:rgba(var(--accent-rgb),.035)}
.stats-grid b{display:block;font:700 23px/1.2 var(--sans);letter-spacing:-.05em;color:var(--accent);margin-bottom:3px}
.stats-grid span{font-size:10.5px;color:var(--muted)}
.table-wrap{overflow-x:auto;margin-top:16px;border:1px solid var(--line);border-radius:13px;background:rgba(3,7,15,.35)}
.table-wrap table{width:100%;border-collapse:collapse;font-size:11.5px;min-width:700px}
.table-wrap th{text-align:left;color:var(--subtle);font:9px/1.4 var(--mono);letter-spacing:.06em;background:rgba(255,255,255,.025);padding:10px 12px;white-space:nowrap;border-bottom:1px solid var(--line)}
.table-wrap td{padding:10px 12px;border-top:1px solid rgba(143,166,255,.08);vertical-align:top;color:#b8c8e2}
.table-wrap tbody tr:first-child td{border-top:0}
.table-wrap tbody tr:hover td{background:rgba(var(--accent-rgb),.035)}
.table-wrap td:first-child{font-family:var(--mono);color:var(--subtle);font-size:10.5px}
.task-empty{color:var(--subtle);font-size:11.5px;margin-top:13px;text-align:center;padding:13px;border:1px dashed var(--line);border-radius:10px}
.query-row{display:flex;gap:8px;align-items:stretch}
.query-row input{flex:1;min-width:0}
.query-row .ghost{flex:0 0 auto;padding:12px 14px}
.query-panel .query-row{margin-top:10px}
.query-panel h2{margin-bottom:0}
.msg{margin-top:10px;border-radius:10px;padding:10px 12px;font-size:12px;background:rgba(255,211,123,.06);color:var(--warn);border:1px solid rgba(255,211,123,.2)}
.msg.err{color:var(--err);background:rgba(255,125,150,.07);border-color:rgba(255,125,150,.24)}
.msg.ok{color:var(--ok);background:rgba(118,245,199,.07);border-color:rgba(118,245,199,.22)}
.foot{color:var(--subtle);font:10px/1.6 var(--mono);margin-top:22px;text-align:center;letter-spacing:.02em}
.hidden{display:none!important}
.input-wrap{position:relative}
.input-wrap input{padding-right:58px}
.reveal{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--subtle);padding:5px 8px;border-radius:7px;font:9px/1 var(--mono);cursor:pointer}
.reveal:hover{color:var(--accent);border-color:rgba(var(--accent-rgb),.35)}
@keyframes rise{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.45}}
@keyframes shimmer{from{transform:translateX(-110%)}to{transform:translateX(110%)}}
@media(max-width:1080px){
  .layout{grid-template-columns:minmax(0,1fr) 316px}
  .product-grid{gap:9px}
}
@media(max-width:960px){
  .layout{grid-template-columns:1fr}
  .sidebar{grid-template-columns:repeat(3,minmax(0,1fr))}
  .side-card:first-child{grid-column:1/-1}
  .sidebar .side-card:first-child .steps-guide{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  .sidebar .side-card:first-child .steps-guide::before{display:none}
  .sidebar .side-card:first-child .steps-guide li{display:block}
  .sidebar .side-card:first-child .steps-guide li>b{margin-bottom:7px}
}
@media(max-width:720px){
  .shell{display:flex;flex-direction:column;width:calc(100% - 28px);padding-top:20px}
  .layout{display:contents}
  .topbar{order:0;padding-bottom:16px;margin-bottom:17px;align-items:flex-start}
  .maincard{order:1;padding:18px;border-radius:18px}
  .order-panel{order:2}
  .sidebar{order:3;grid-template-columns:1fr;margin-top:0;margin-bottom:16px}
  .query-panel{order:4}
  .foot{order:5}
  .brand-copy strong{font-size:20px}
  .brand-copy small{font-size:8px}
  .protocol{display:none}
  .product-grid,body[data-brand="gemini"] .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .product{min-height:110px;padding:13px 12px}
  .prod-mark{font-size:27px}
  .sidebar .side-card:first-child .steps-guide{grid-template-columns:1fr;gap:17px}
  .sidebar .side-card:first-child .steps-guide li{display:flex}
  .sidebar .side-card:first-child .steps-guide li>b{margin-bottom:0}
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .progress-steps{font-size:8.5px;gap:3px}
  .order-top{align-items:center}
  .query-row{flex-wrap:wrap}
  .query-panel .query-row input{flex:1 1 100%}
  .query-panel .query-row button{width:100%}
  .table-wrap{overflow:visible;border:0;background:transparent}
  .table-wrap table{display:block;min-width:0}
  .table-wrap thead{display:none}
  .table-wrap tbody{display:grid;gap:8px}
  .table-wrap tr{display:block;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.022);padding:8px 11px}
  .table-wrap td{display:flex;justify-content:space-between;gap:14px;border:0;padding:4px 0;font-size:11px;text-align:right}
  .table-wrap td::before{content:attr(data-label);flex:0 0 auto;color:var(--subtle);font:9px/1.5 var(--mono);letter-spacing:.04em;text-align:left}
  .table-wrap td:first-child{font-size:10px}
  .history-item{grid-template-columns:auto minmax(0,1fr);align-items:start}
  .history-time{grid-column:2;font-size:8.5px;margin-top:-4px}
  .history-body p{white-space:normal}
  .event-item{grid-template-columns:52px auto minmax(0,1fr);gap:6px;padding-left:7px}
  .event-item p{white-space:normal}
  .tools-head{align-items:flex-start;flex-direction:column;gap:4px}
  .tool-actions{gap:5px}
  .tool-button{font-size:10px;padding:8px 9px}
  .customer-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:1px}
  .customer-tab{font-size:10px;padding:8px 9px}
  .customer-modal{padding:10px}
  .customer-modal-card{padding:16px}
  .modal-actions{flex-wrap:wrap}
  .modal-actions .primary,.modal-actions .ghost{flex:1}
}
@media(max-width:430px){
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-brand="gemini"] .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  body[data-brand="gemini"] .product{min-height:96px;padding:11px 9px}
  body[data-brand="gemini"] .prod-mark{font-size:24px;margin-bottom:9px}
  body[data-brand="gemini"] .product small{font-size:9.5px}
  .hero-chips{gap:5px}
  .hero-chips span{font-size:9px}
  .top-actions{gap:6px}
  .status-chip{padding:6px 9px;font-size:9px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}
}