:root{
  --bg:#07101c;--bg2:#091522;--panel:#0d1928;--panel2:#101f31;--panel3:#14253a;--line:#223349;--line2:#18283a;
  --text:#f6f8fc;--muted:#9aaabd;--dim:#6f8499;--brand:#4f63ff;--brand2:#7081ff;--brandSoft:#17245d;--ok:#51c991;--danger:#ff747f;
  --shadow:0 28px 70px -46px rgba(0,0,0,.94);--ease:cubic-bezier(.16,1,.3,1);--font:"Manrope","Segoe UI Variable",system-ui,sans-serif;--display:"Archivo","Segoe UI Variable",system-ui,sans-serif;
}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:320px;min-height:100dvh;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}[hidden]{display:none!important}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #8e9eff;outline-offset:2px}.kicker{margin:0 0 7px;color:#8998ff;font-size:9px;font-weight:700;letter-spacing:.13em}.primary,.ghost-btn,.text-btn{border-radius:10px;font-weight:700;transition:.18s var(--ease)}.primary{min-height:42px;border:1px solid #6678ff;background:var(--brand);padding:0 15px;color:#fff;font-size:11px}.primary:hover:not(:disabled){background:#5f72ff;transform:translateY(-1px)}.primary:disabled{opacity:.45;cursor:not-allowed}.primary.compact{min-height:36px}.ghost-btn{min-height:38px;border:1px solid var(--line);background:#0a1724;padding:0 13px;color:#bcc8d4;font-size:10px}.ghost-btn:hover{background:#102036;border-color:#354c69}.text-btn{border:0;background:transparent;color:#8fa0ff;padding:5px 0;font-size:10px}.text-btn:hover{color:#fff}
.login-gate{min-height:100dvh;display:grid;place-items:center;padding:32px;background:radial-gradient(780px 480px at 50% -130px,rgba(79,99,255,.19),transparent 72%),#07101c}.login-shell{width:min(850px,100%);display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#0a1624;box-shadow:0 46px 110px -54px #000}.login-brand-pane{padding:42px;background:linear-gradient(145deg,#101d45,#0b1727 58%);display:flex;flex-direction:column;justify-content:flex-end;min-height:500px}.login-logo{width:92px;height:92px;border-radius:24px;object-fit:cover;box-shadow:0 32px 70px -32px rgba(79,99,255,.95);margin-bottom:auto}.login-brand-pane>div strong,.login-brand-pane>div span{display:block}.login-brand-pane>div strong{font-size:28px;letter-spacing:-.035em}.login-brand-pane>div span{margin-top:3px;color:#aab7c7;font-size:12px}.login-brand-pane>p{max-width:31ch;margin:20px 0 0;color:#9eafc1;font-size:12px;line-height:1.7}.login-card{padding:42px;display:flex;flex-direction:column;justify-content:center}.login-copy h1{margin:0;font-size:32px;letter-spacing:-.035em;font-weight:700}.login-copy>p:last-child{margin:10px 0 0;color:var(--muted);font-size:12px}.login-form{display:grid;gap:15px;margin-top:28px}.login-form label,.stack-form label{display:grid;gap:7px;color:#a9b6c5;font-size:10px;font-weight:600}.login-form input,.stack-form input,.stack-form select,.stack-form textarea,.knowledge-panel textarea,.reply-box textarea,.order-select{border:1px solid var(--line);background:#08131f;border-radius:10px;outline:0}.login-form input{height:45px;padding:0 12px}.login-form input:focus,.stack-form input:focus,.stack-form select:focus,.stack-form textarea:focus,.knowledge-panel textarea:focus,.reply-box textarea:focus,.order-select:focus{border-color:#5e71eb;box-shadow:0 0 0 3px rgba(79,99,255,.09)}.form-error{min-height:17px;margin:0;color:#ff9ca5;font-size:10px}.preview-note{margin-top:18px;padding-top:14px;border-top:1px solid var(--line2);color:#788da3;font-size:9px}
.admin-shell{min-height:100dvh;display:grid;grid-template-columns:238px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100dvh;border-right:1px solid var(--line);background:#081522;padding:20px 14px;display:flex;flex-direction:column}.side-brand{display:flex;align-items:center;gap:10px;padding:4px 7px 21px}.side-logo{width:36px;height:36px;border-radius:10px;object-fit:cover}.side-brand strong,.side-brand span{display:block}.side-brand strong{font-size:13px;letter-spacing:-.02em}.side-brand span{color:var(--dim);font-size:9px;margin-top:2px}.side-nav{display:grid;gap:4px}.nav-item{min-height:42px;border:0;background:transparent;color:#95a7ba;border-radius:10px;padding:0 11px;text-align:left;font-weight:600;font-size:11px;display:flex;justify-content:space-between;align-items:center;transition:background .18s var(--ease),color .18s var(--ease),transform .18s var(--ease)}.nav-item:hover{background:#0d1d2e;color:#eef5fb}.nav-item.is-active{background:#14233c;color:#fff;box-shadow:inset 0 0 0 1px rgba(111,130,255,.12)}.nav-item b{min-width:20px;height:20px;border-radius:7px;background:var(--brand);display:grid;place-items:center;font-size:9px}.side-bottom{margin-top:auto;display:grid;gap:10px}.server-state{display:flex;gap:10px;align-items:center;padding:11px;border:1px solid var(--line2);border-radius:11px;background:#0a1724}.server-state strong{display:block;font-size:10px}.server-state small{display:block;color:var(--dim);font-size:9px;margin-top:2px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 5px rgba(81,201,145,.08)}
.workspace{min-width:0;padding:28px 32px 50px}.workspace-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.workspace-head h1{margin:0;font-size:33px;letter-spacing:-.035em;font-weight:700}.view-panel{display:none;animation:viewIn .3s var(--ease) both}.view-panel.is-active{display:block}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.metric-grid article{border:1px solid var(--line);background:linear-gradient(180deg,#0d1c2c,#0b1825);border-radius:15px;padding:18px}.metric-grid span{display:block;color:var(--muted);font-size:11px}.metric-grid strong{display:block;margin-top:9px;font-size:28px;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.overview-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:16px}.panel{border:1px solid var(--line);background:var(--panel);border-radius:17px;padding:19px;box-shadow:var(--shadow)}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:17px}.panel-head h2,.support-toolbar h2,.security-grid h2{margin:0;font-size:19px;letter-spacing:-.025em;font-weight:700}.panel-head p:not(.kicker){margin:6px 0 0;color:var(--muted);font-size:11px;line-height:1.55;max-width:68ch}.overview-list{display:grid}.overview-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:13px;align-items:center;padding:11px 0;border-top:1px solid var(--line2)}button.overview-row{width:100%;border-left:0;border-right:0;border-bottom:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.overview-row:first-child{border-top:0}.overview-row strong{display:block;font-size:12px}.overview-row small{display:block;color:var(--dim);font-size:9px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overview-row .meta{color:var(--muted);font-size:10px}.overview-row .money{font-weight:700;font-size:11px;font-variant-numeric:tabular-nums}.table-wrap{overflow:auto;border:1px solid var(--line2);border-radius:12px}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:12px 13px;text-align:left;border-bottom:1px solid var(--line2);font-size:11px;vertical-align:middle}th{color:#8ea2b7;background:#0a1724;font-size:9px;letter-spacing:.05em;font-weight:700}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:rgba(255,255,255,.008)}td strong{display:block}td small{color:var(--dim);font-size:9px}.price-input{width:96px;border:1px solid var(--line);background:#08131f;border-radius:9px;padding:8px;font-size:11px}.switch{position:relative;display:inline-flex}.switch input{position:absolute;opacity:0}.switch span{width:36px;height:21px;border-radius:999px;background:#24374a;position:relative;transition:.2s}.switch span:after{content:"";position:absolute;width:15px;height:15px;border-radius:50%;left:3px;top:3px;background:#8ea0b2;transition:.2s}.switch input:checked+span{background:#3145aa}.switch input:checked+span:after{transform:translateX(15px);background:#fff}.status-text{min-height:18px;color:#8fa0ff;font-size:10px;margin:12px 0 0}
.inventory-layout{display:grid;grid-template-columns:minmax(310px,.38fr) minmax(0,1fr);gap:16px;align-items:start}.stack-form{display:grid;gap:13px}.stack-form select{height:42px;padding:0 10px}.stack-form textarea{resize:vertical;min-height:170px;padding:10px;line-height:1.55}.file-drop{position:relative}.file-drop input{position:absolute;opacity:0;pointer-events:none}.file-drop>span{height:82px;border:1px dashed #354d6c;border-radius:12px;background:#091522;display:grid;place-items:center;color:#9baec1;font-size:10px;cursor:pointer;transition:.18s var(--ease)}.file-drop>span:hover{border-color:#6376ef;background:#101d34}.import-help{font-size:9px;color:var(--dim);line-height:1.55}.inventory-product-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:9px;margin-bottom:17px}.inventory-product-card{border:1px solid var(--line);background:#0a1724;border-radius:12px;padding:13px;text-align:left;transition:.18s var(--ease)}.inventory-product-card:hover,.inventory-product-card.is-active{border-color:#4f64c9;background:#111f38;transform:translateY(-1px)}.inventory-product-card strong{display:block;font-size:11px}.inventory-product-card span{display:block;color:var(--dim);font-size:9px;margin-top:4px}.inventory-table-head{display:flex;justify-content:space-between;align-items:center;padding:8px 2px 10px}.inventory-table-head strong{font-size:12px}.inventory-table-head span{color:var(--dim);font-size:10px}.credential{font-variant-numeric:tabular-nums;user-select:text}.status-chip{display:inline-flex;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:700;background:rgba(81,201,145,.09);color:#77dcaa}.status-chip.sold{background:rgba(255,116,127,.09);color:#ff9da5}.order-select{padding:7px;font-size:10px}
.support-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.support-toolbar h2{font-size:23px}.presence-toggle{display:flex;align-items:center;gap:10px;font-size:10px;color:var(--muted)}.presence-toggle input{position:absolute;opacity:0}.presence-toggle i{width:38px;height:22px;border-radius:999px;background:#24374a;position:relative;transition:.2s}.presence-toggle i:after{content:"";width:16px;height:16px;border-radius:50%;background:#8498aa;position:absolute;left:3px;top:3px;transition:.2s}.presence-toggle input:checked+i{background:#1b6e50}.presence-toggle input:checked+i:after{transform:translateX(16px);background:#fff}.support-shell{height:calc(100dvh - 164px);min-height:580px;display:grid;grid-template-columns:300px minmax(0,1fr) 255px;border:1px solid var(--line);border-radius:17px;overflow:hidden;background:#091623}.conversation-list{border-right:1px solid var(--line);overflow:auto;background:#081522}.conversation-item{width:100%;border:0;border-bottom:1px solid var(--line2);background:transparent;color:inherit;text-align:left;padding:15px 14px;transition:.18s var(--ease)}.conversation-item:hover,.conversation-item.is-active{background:#102237}.conversation-item strong{display:block;font-size:11px}.conversation-item p{margin:5px 0 0;color:#91a4b6;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-item small{display:flex;justify-content:space-between;color:#647d93;font-size:8px;margin-top:8px}.chat-pane{min-width:0;display:grid;grid-template-rows:auto 1fr auto;background:#0a1623}.chat-head{padding:14px 18px;border-bottom:1px solid var(--line);background:#0a1724}.chat-head strong{display:block;font-size:12px}.chat-head small{display:block;color:var(--dim);font-size:9px;margin-top:3px}.chat-messages{overflow:auto;padding:22px max(22px,calc((100% - 760px)/2));display:flex;flex-direction:column;gap:9px;background:radial-gradient(460px 260px at 50% 20%,rgba(79,99,255,.035),transparent 75%)}.message{max-width:min(74%,620px);padding:10px 12px;border-radius:13px 13px 13px 4px;background:#172638;color:#e6edf4;font-size:11px;line-height:1.55;align-self:flex-start;box-shadow:0 9px 26px -22px #000}.message.customer{align-self:flex-end;border-radius:13px 13px 4px 13px;background:#273b82}.message.admin{background:#183c31}.message small{display:block;color:#8195a9;font-size:8px;margin-top:6px}.reply-box{display:grid;grid-template-columns:1fr auto;gap:10px;border-top:1px solid var(--line);padding:13px;background:#0a1724}.reply-box textarea{resize:none;min-height:46px;padding:10px;font-size:11px}.reply-box button{align-self:end}.chat-details{border-left:1px solid var(--line);padding:17px;background:#081522;overflow:auto}.detail-stack{display:grid;gap:11px}.detail-card{border-top:1px solid var(--line2);padding-top:10px}.detail-card span{display:block;color:var(--dim);font-size:8px;text-transform:uppercase;letter-spacing:.07em}.detail-card strong{display:block;margin-top:4px;font-size:10px;word-break:break-word}.empty-state{color:var(--dim);font-size:10px;padding:20px;text-align:center}.knowledge-panel textarea{width:100%;min-height:430px;resize:vertical;padding:14px;line-height:1.65;font-size:11px}.security-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.security-grid p:not(.kicker){color:var(--muted);font-size:11px;line-height:1.65}.security-grid code{color:#aab6ff}.toast{position:fixed;right:22px;bottom:22px;z-index:100;border:1px solid #4d62d4;background:#101d38;color:#eef1ff;border-radius:11px;padding:11px 13px;font-size:10px;box-shadow:var(--shadow);opacity:0;transform:translateY(10px);pointer-events:none;transition:.24s var(--ease)}.toast.show{opacity:1;transform:none}
@keyframes viewIn{from{opacity:0;transform:translateY(8px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
@media(max-width:1180px){.support-shell{grid-template-columns:270px minmax(0,1fr)}.chat-details{display:none}.inventory-layout{grid-template-columns:1fr}.admin-shell{grid-template-columns:210px minmax(0,1fr)}}
@media(max-width:900px){.metric-grid{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr}.login-brand-pane{min-height:220px;padding:28px}.login-logo{width:64px;height:64px;margin-bottom:44px}.login-card{padding:28px}}
@media(max-width:720px){.admin-shell{display:block}.sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--line)}.side-nav{grid-template-columns:repeat(3,1fr)}.side-bottom{display:none}.workspace{padding:22px 14px}.metric-grid{grid-template-columns:1fr 1fr}.support-shell{height:auto;min-height:720px;grid-template-columns:1fr}.conversation-list{max-height:230px;border-right:0;border-bottom:1px solid var(--line)}.chat-pane{min-height:520px}.security-grid{grid-template-columns:1fr}.workspace-head{align-items:flex-start}.side-brand{padding-bottom:14px}.login-gate{padding:14px}.login-card{padding:24px}.workspace-head h1{font-size:29px}.chat-messages{padding:18px}.message{max-width:86%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}}

.login-brand-pane>div strong,.login-copy h1,.side-brand strong,.workspace-head h1,.panel-head h2,.support-toolbar h2,.security-grid h2{font-family:var(--display)}