:root{
  --bg:#0b0f19;--sidebar:#0c111d;--topbar:rgba(11,15,25,.92);--panel:#111827;
  --panel-2:#151d2c;--panel-3:#0e1522;--line:#253044;--line-soft:#1c2637;
  --text:#f8fafc;--muted:#8d9bb0;--subtle:#5e6b7f;--orange:#f97316;
  --orange-soft:#3a2014;--blue:#60a5fa;--green:#34d399;--red:#f87171;
  --red-strong:#dc2626;--amber:#fbbf24;--shadow:0 18px 50px rgba(0,0,0,.24);
  font-family:"Open Sans",Arial,sans-serif;color:var(--text);color-scheme:dark
}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text)}
button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}
svg{width:18px;height:18px;stroke-width:1.8}.is-hidden{display:none!important}
.eyebrow,.workspace-kicker{margin:0 0 9px;color:var(--orange);font-size:10px;font-weight:800;letter-spacing:.12em}

/* Authentication */
.auth-layout{min-height:100vh;width:min(1180px,calc(100% - 40px));margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 390px;grid-template-rows:auto 1fr;gap:28px 90px;align-items:center;padding:32px 0}
.auth-brand,.sidebar-brand,.mobile-brand{display:flex;align-items:center;gap:11px}.auth-brand{grid-column:1/-1}
.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid #fb923c;border-radius:8px;background:var(--orange);color:#1b1109;font-size:12px;font-weight:800}
.auth-brand strong,.sidebar-brand strong{display:block;font-size:15px}.auth-brand small,.sidebar-brand small{display:block;color:var(--muted);font-size:10px;margin-top:2px}
.auth-copy{max-width:620px}.auth-copy h1{margin:0 0 20px;font-size:clamp(42px,5vw,66px);line-height:1.08;letter-spacing:0}.auth-copy h1 span{color:var(--orange)}
.auth-copy>p:not(.eyebrow){max-width:540px;color:var(--muted);font-size:15px;line-height:1.75}.auth-points{display:flex;gap:20px;flex-wrap:wrap;margin-top:28px;font-size:12px;font-weight:700}
.auth-points span{display:flex;align-items:center;gap:7px}.auth-points i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#12372e;color:var(--green);font-style:normal}
.auth-box{padding:26px;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow)}
.auth-tabs{display:flex;border-bottom:1px solid var(--line-soft);margin-bottom:24px}.auth-tab{border:0;background:none;color:var(--muted);font-weight:700;padding:0 2px 13px;margin-right:22px;position:relative}
.auth-tab.is-active{color:var(--orange)}.auth-tab.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--orange)}
.auth-form h2{margin:0 0 5px;font-size:22px}.form-hint{margin:0 0 20px;color:var(--muted);font-size:12px;line-height:1.6}
.auth-form label,.credentials-form label,.deploy-form>label:not(.dropzone){display:grid;gap:7px;color:#cbd5e1;font-size:11px;font-weight:700;margin-top:14px}
input,select{min-height:42px;border:1px solid var(--line);border-radius:6px;padding:0 12px;outline:0;background:#0c1320;color:var(--text)}
input:focus,select:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(249,115,22,.12)}
.primary-btn{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:43px;margin-top:20px;padding:0 14px;border:0;border-radius:6px;background:var(--orange);color:#1d0f06;font-weight:800}
.auth-note,.form-message{color:var(--muted);font-size:11px}.auth-note{margin:18px 0 0;line-height:1.6}.form-message{min-height:16px;margin-top:8px}

/* Shell */
.app-shell{display:block;min-height:100vh}.store-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line-soft);background:var(--topbar);backdrop-filter:blur(16px)}
.store-header-inner{display:flex;align-items:center;gap:34px;width:min(1440px,100%);height:68px;margin:auto;padding:0 28px}
.store-brand{display:flex;align-items:center;gap:10px;flex:none;padding:0;border:0;background:transparent;color:var(--text);text-align:left}.store-brand .brand-mark{width:36px;height:36px;font-size:10px}.store-brand strong,.store-brand small{display:block}.store-brand strong{font-size:14px}.store-brand small{margin-top:1px;color:var(--muted);font-size:9px}
.store-nav{display:flex;align-items:stretch;gap:3px;height:100%}.side-link{position:relative;display:flex;align-items:center;min-height:40px;padding:0 13px;border:0;background:transparent;color:var(--muted);text-decoration:none;font-size:11px;font-weight:700}
.side-link:hover{color:#e2e8f0}.side-link.is-active{color:#fff}.side-link.is-active:after{content:"";position:absolute;right:13px;bottom:0;left:13px;height:2px;background:var(--orange)}
.main-area{width:100%;margin:0}.menu-toggle{display:none;width:36px;height:36px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:#dbe4ef}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.top-actions{display:flex;align-items:center;gap:8px}.icon-button,.user-menu{border:1px solid transparent;background:transparent;color:var(--muted)}
.icon-button{position:relative;display:grid;place-items:center;width:36px;height:36px;border-radius:7px}.icon-button:hover,.user-menu:hover{border-color:var(--line);background:var(--panel)}
.notification-button span{position:absolute;right:7px;top:7px;width:6px;height:6px;border-radius:50%;background:var(--orange)}
.user-menu{display:flex;align-items:center;gap:8px;min-height:38px;padding:0 8px;border-radius:7px;color:#dbe4ef;font-size:11px;font-weight:700}.user-menu svg{width:14px}
.user-popover{position:absolute;right:28px;top:58px;z-index:8;width:190px;padding:12px;border:1px solid var(--line);border-radius:7px;background:var(--panel);box-shadow:var(--shadow)}.user-popover strong,.user-popover small{display:block}.user-popover strong{font-size:11px}.user-popover small{margin:3px 0 10px;color:var(--muted);font-size:9px}.user-popover button,.user-popover a{display:flex;align-items:center;gap:8px;width:100%;min-height:32px;padding:0 8px;border:0;border-radius:5px;background:transparent;color:#cbd5e1;text-align:left;text-decoration:none;font-size:10px;font-weight:700}.user-popover button:hover,.user-popover a:hover{background:var(--panel-2);color:#fb923c}.user-popover button svg,.user-popover a svg{width:14px}
.avatar,.big-avatar{display:grid;place-items:center;border-radius:50%;background:var(--orange-soft);color:#fdba74;font-weight:800}.avatar{width:27px;height:27px;font-size:10px}.top-actions{margin-left:auto}

/* Common pages */
.page-wrap{max-width:1440px;margin:auto;padding:28px}.page-panel{display:none}.page-panel.is-active{display:block}
.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.page-heading h1{margin:0 0 6px;font-size:28px;letter-spacing:0}.page-heading>div>p:not(.eyebrow){margin:0;color:var(--muted);font-size:12px}
.outline-btn,.text-btn,.btn-secondary,.btn-primary,.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 13px;border-radius:6px;font-size:11px;font-weight:800}
.outline-btn,.btn-secondary{border:1px solid var(--line);background:var(--panel);color:#dbe4ef}.outline-btn:hover,.btn-secondary:hover{border-color:#475569;background:var(--panel-2)}
.text-btn{border:0;background:transparent;color:#fb923c}.btn-primary{border:1px solid var(--orange);background:var(--orange);color:#211107}.btn-danger{border:1px solid var(--red-strong);background:var(--red-strong);color:#fff}
.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.stat-card,.surface,.plan-card,.package-card,.metric-card,.command-surface{border:1px solid var(--line-soft);background:var(--panel);box-shadow:0 10px 30px rgba(0,0,0,.12)}
.stat-card{display:flex;align-items:center;gap:13px;padding:18px;border-radius:8px}.stat-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:7px;font-size:13px;font-weight:800}.stat-icon.blue{background:#172554;color:var(--blue)}.stat-icon.green{background:#12372e;color:var(--green)}.stat-icon.amber{background:var(--orange-soft);color:#fb923c}
.stat-card small,.metric-card small,.package-runtime small,.account-fields small{display:block;color:#6f7d92;font-size:9px;font-weight:800;letter-spacing:.08em}.stat-card strong{display:block;margin:2px 0;font-size:24px}.stat-card p,.metric-card p{margin:0;color:var(--muted);font-size:10px}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:28px 0 12px}.section-heading h2{margin:0 0 4px;font-size:17px}.section-heading p{margin:0;color:var(--muted);font-size:11px}
.surface{border-radius:8px;overflow:hidden}.surface-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line-soft)}.surface-head h2{margin:0 0 3px;font-size:14px}.surface-head p{margin:0;color:var(--muted);font-size:10px}
.empty-state{padding:26px 18px;color:var(--muted);font-size:11px;text-align:center}.content-grid{display:grid;gap:16px}.content-grid.two-col{grid-template-columns:1.1fr .9fr}

/* Storefront */
.page-panel[data-panel="dashboard"]{margin-top:-8px}.sales-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:34px;align-items:center;min-height:560px;padding:54px clamp(28px,5vw,76px);overflow:hidden;border:1px solid var(--line-soft);border-radius:8px;background-color:#0c1018;background-image:linear-gradient(90deg,rgba(5,9,16,.94),rgba(8,12,20,.78) 46%,rgba(8,12,20,.38)),url("../images/storefront-hero.png");background-position:center;background-size:cover;box-shadow:var(--shadow)}
.sales-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(249,115,22,.1),transparent 42%,rgba(0,0,0,.2));pointer-events:none}.sales-hero-copy,.hero-order-card{position:relative;z-index:1}.sales-hero-copy{max-width:710px}.sale-pill{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 12px;border:1px solid rgba(249,115,22,.38);border-radius:999px;background:rgba(58,32,20,.8);color:#fed7aa;font-size:10px;font-weight:800}.sale-pill svg{width:14px;color:var(--orange)}
.sales-hero h1{max-width:760px;margin:20px 0 16px;font-size:clamp(44px,5.4vw,76px);line-height:1.02;letter-spacing:0}.sales-hero-copy>p{max-width:650px;margin:0;color:#cbd5e1;font-size:14px;line-height:1.8;text-shadow:0 2px 18px #030712}
.hero-actions{display:flex;gap:9px;margin-top:30px}.hero-primary,.hero-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:47px;padding:0 18px;border-radius:6px;font-size:11px;font-weight:800}.hero-primary{border:1px solid var(--orange);background:var(--orange);color:#211107}.hero-secondary{border:1px solid rgba(226,232,240,.34);background:rgba(11,15,25,.76);color:#fff}.hero-primary svg{width:15px}
.hero-proof{display:grid;grid-template-columns:repeat(3,minmax(0,145px));gap:10px;margin-top:30px}.hero-proof span{padding:12px;border:1px solid rgba(148,163,184,.16);border-radius:7px;background:rgba(11,15,25,.58);color:#94a3b8;font-size:10px}.hero-proof strong{display:block;margin-bottom:3px;color:#fff;font-size:17px}
.hero-order-card{padding:22px;border:1px solid rgba(251,146,60,.28);border-radius:8px;background:rgba(17,24,39,.88);box-shadow:0 22px 70px rgba(0,0,0,.38);backdrop-filter:blur(14px)}.hero-order-card h2{margin:14px 0 12px;font-size:21px}.hero-price{display:flex;align-items:baseline;gap:7px;margin-bottom:18px;color:var(--muted);font-size:11px}.hero-price strong{color:#fff;font-size:29px}.hero-price small{font-size:10px}.hero-order-card ul{display:grid;gap:12px;margin:0 0 20px;padding:0;list-style:none}.hero-order-card li{display:flex;align-items:flex-start;gap:8px;color:#cbd5e1;font-size:11px;line-height:1.5}.hero-order-card li svg{flex:none;width:15px;color:var(--green)}.hero-order-card .primary-small{width:100%}
.orange-badge{background:var(--orange-soft);color:#fdba74}.included-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0 0}.included-strip>div{display:flex;align-items:center;gap:11px;padding:16px;border:1px solid var(--line-soft);border-radius:8px;background:var(--panel)}.included-strip svg{width:21px;height:21px;color:#fb923c}.included-strip strong,.included-strip span{display:block}.included-strip strong{font-size:11px}.included-strip span{margin-top:3px;color:var(--muted);font-size:9px}
.store-section{padding:48px 4px 8px}.store-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}.store-section-heading h2{margin:0 0 7px;font-size:25px}.store-section-heading>div>p:not(.eyebrow){margin:0;color:var(--muted);font-size:12px}.store-section-heading .text-btn{flex:none}
.pricing-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:38px 0 18px}.pricing-hero h1{margin:0 0 10px;font-size:clamp(34px,4vw,54px);line-height:1.05}.pricing-hero p{max-width:720px;margin:0;color:var(--muted);font-size:13px;line-height:1.7}.pricing-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.pricing-tabs span{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 11px;border:1px solid var(--line-soft);border-radius:999px;background:var(--panel);color:#cbd5e1;font-size:10px;font-weight:800}.pricing-tabs svg{width:14px;color:#fb923c}.store-comparison,.feature-section,.faq-section{margin-top:34px}.store-comparison{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.store-comparison article,.faq-grid details{border:1px solid var(--line-soft);border-radius:8px;background:var(--panel);box-shadow:0 10px 30px rgba(0,0,0,.12)}.store-comparison article{padding:20px}.store-comparison svg{width:28px;height:28px;color:#fb923c}.store-comparison h2{margin:14px 0 7px;font-size:15px}.store-comparison p{margin:0;color:var(--muted);font-size:11px;line-height:1.7}.customer-services{padding-bottom:34px}
.feature-section{display:grid;grid-template-columns:minmax(0,.9fr) minmax(380px,1.1fr);gap:18px;align-items:center;padding:28px;border:1px solid var(--line-soft);border-radius:8px;background:linear-gradient(135deg,#111827,#0b0f19);box-shadow:var(--shadow)}.feature-copy h2,.faq-section h2{margin:0 0 10px;font-size:27px}.feature-copy p{margin:0;color:var(--muted);font-size:12px;line-height:1.8}.feature-list{display:grid;gap:9px;margin-top:18px}.feature-list span{display:flex;align-items:center;gap:8px;color:#dbe4ef;font-size:11px;font-weight:800}.feature-list svg{width:16px;color:var(--orange)}
.panel-preview{overflow:hidden;border:1px solid #2c384d;border-radius:8px;background:#080c14;box-shadow:0 18px 50px rgba(0,0,0,.28)}.panel-preview-top{display:flex;align-items:center;gap:7px;height:42px;padding:0 14px;border-bottom:1px solid #202b3c;background:#111827}.panel-preview-top span{width:9px;height:9px;border-radius:50%;background:#475569}.panel-preview-top span:first-child{background:#f87171}.panel-preview-top span:nth-child(2){background:#fbbf24}.panel-preview-top span:nth-child(3){background:#34d399}.panel-preview-top strong{margin-left:8px;font-size:10px;color:#cbd5e1}.panel-preview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#202b3c}.panel-preview-grid div{padding:14px;background:#0d1420}.panel-preview-grid small,.panel-preview-grid strong{display:block}.panel-preview-grid small{color:#64748b;font-size:8px;font-weight:800}.panel-preview-grid strong{margin-top:5px;font-size:12px}.panel-preview pre{height:148px;margin:0;padding:16px;overflow:auto;color:#a7f3d0;font:10px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace}
.faq-section{display:grid;grid-template-columns:260px 1fr;gap:22px}.faq-grid{display:grid;gap:10px}.faq-grid details{padding:0 16px}.faq-grid summary{cursor:pointer;padding:15px 0;color:#fff;font-size:12px;font-weight:800}.faq-grid p{margin:0 0 16px;color:var(--muted);font-size:11px;line-height:1.7}

/* Skeletons */
.skeleton{position:relative;overflow:hidden;border:1px solid var(--line-soft);background:#131c2a}.skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(148,163,184,.08),transparent);animation:skeleton 1.4s infinite}
.skeleton-row{height:76px;border-radius:8px}.skeleton-plan{height:270px;border-radius:8px}.skeleton-list{height:112px;border:0}@keyframes skeleton{to{transform:translateX(100%)}}

/* Store and lists */
.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.plan-card{position:relative;display:flex;flex-direction:column;padding:20px;border-radius:8px}.plan-card.is-recommended{border-color:rgba(249,115,22,.5);box-shadow:0 22px 58px rgba(249,115,22,.12)}.recommended-ribbon{position:absolute;top:14px;right:14px;min-height:25px;padding:6px 9px;border-radius:999px;background:var(--orange);color:#211107;font-size:8px;font-weight:900;text-transform:uppercase}.plan-card h3{margin:14px 0 6px;font-size:19px}.plan-card p{min-height:42px;margin:0;color:var(--muted);font-size:11px;line-height:1.65}.plan-price{margin:18px 0;font-size:27px;font-weight:900}.plan-price small{color:var(--muted);font-size:10px}.plan-specs{display:grid;gap:9px;margin-bottom:18px;color:var(--muted);font-size:10px}.plan-specs span{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:7px;padding-bottom:9px;border-bottom:1px solid var(--line-soft)}.plan-specs svg{width:14px;color:#fb923c}.plan-specs b{color:#dbe4ef}.primary-small{min-height:38px;border:0;border-radius:6px;background:var(--orange);color:#211107;font-size:11px;font-weight:800}
.soft-badge,.status-pill,.count-badge{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;font-size:9px;font-weight:800}.soft-badge{min-height:24px;padding:0 8px;border-radius:999px;background:#1a2942;color:#93c5fd}.green-badge{background:#12372e;color:#6ee7b7}
.package-grid{display:grid;gap:9px}.package-card{display:grid;grid-template-columns:42px minmax(190px,1.4fr) auto minmax(170px,1fr) minmax(135px,.7fr) auto;align-items:center;gap:15px;padding:13px 15px;border-radius:8px;cursor:pointer}.package-card:hover{border-color:#3b4659;background:var(--panel-2)}
.service-logo{display:grid;place-items:center;width:40px;height:40px;border-radius:7px;background:var(--orange-soft);color:#fb923c;font-size:10px;font-weight:800}.package-card-top{display:flex;align-items:center;gap:8px}.package-card h3{margin:0;font-size:13px}.package-card p{margin:5px 0 0;color:var(--muted);font-size:10px}.package-spec-row{display:flex;gap:6px;color:#cbd5e1;font-size:9px;font-weight:700}.package-spec-row span{padding:5px 7px;border:1px solid var(--line-soft);border-radius:5px;background:var(--panel-3)}.package-runtime strong{display:block;margin-top:4px;font-size:10px}.package-open{padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:transparent;color:#fb923c;font-size:10px;font-weight:800}.online-text{color:var(--green)}.muted-text{color:var(--muted)}
.order-list{display:grid;padding:6px 18px}.order-row{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--line-soft)}.order-row>div{flex:1}.order-row strong,.order-row small{display:block}.order-row strong{font-size:11px}.order-row small,.order-waiting{margin-top:3px;color:var(--muted);font-size:10px}.table-action{min-height:30px;padding:0 9px;border:1px solid var(--line);border-radius:5px;background:var(--panel-2);color:#cbd5e1;font-size:9px;font-weight:800}

/* Package workspace */
.workspace-header{display:flex;align-items:center;gap:13px;margin-bottom:20px}.icon-back{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--muted)}.workspace-title h1{margin:0 0 4px;font-size:24px}.workspace-title p{margin:0;color:var(--muted);font-size:10px}.workspace-kicker{margin-bottom:5px}.workspace-kicker span{margin-left:6px;padding:2px 5px;border-radius:3px;background:#12372e;color:var(--green);font-size:8px}.workspace-header .status-pill{margin-left:auto}
.status-pill{gap:7px;min-height:28px;padding:0 10px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--muted)}.status-pill i{width:6px;height:6px;border-radius:50%;background:currentColor}.status-pill.running{border-color:#1d4f43;background:#12372e;color:#6ee7b7}.status-pill.error{border-color:#5f2525;background:#32191b;color:#fca5a5}.status-pill.stopped{border-color:#4b5563;color:#94a3b8}
.workspace-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.metric-card{display:flex;align-items:center;gap:12px;min-height:104px;padding:16px;border-radius:8px}.metric-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:7px;background:var(--panel-3);color:#fb923c}.metric-card strong{display:block;margin:3px 0;font-size:19px}.metric-wide{width:100%}.metric-bar{height:4px;margin-top:9px;border-radius:4px;background:#263246;overflow:hidden}.metric-bar span{display:block;width:0;height:100%;background:var(--orange);transition:width .3s}
.command-surface{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:12px 0;padding:13px 15px;border-radius:8px}.command-surface>div:first-child strong,.command-surface>div:first-child small{display:block}.command-surface>div:first-child strong{font-size:11px}.command-surface>div:first-child small{margin-top:3px;color:var(--muted);font-size:9px}.command-actions{display:flex;gap:7px;flex-wrap:wrap}
.btn-command{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 11px;border:1px solid var(--line);border-radius:6px;background:var(--panel-2);color:#dbe4ef;font-size:9px;font-weight:800}.btn-command svg{width:14px}.btn-command.start{border-color:#1d6a55;background:#12372e;color:#6ee7b7}.btn-command.restart{border-color:#6a3d1d;background:var(--orange-soft);color:#fdba74}.btn-command.stop{color:#fca5a5}.btn-command.delete{border-color:#652525;background:#33191b;color:#fecaca}
.context-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-bottom:12px;border:1px solid var(--line-soft);border-radius:7px;background:var(--panel-3)}.context-strip>div{padding:10px 13px;border-right:1px solid var(--line-soft)}.context-strip>div:last-child{border:0}.context-strip small,.context-strip strong{display:block}.context-strip small{color:var(--subtle);font-size:8px;font-weight:800}.context-strip strong{margin-top:3px;font-size:10px}
.workspace-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:12px}.workspace-column{display:grid;gap:12px}.workspace-lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.live-indicator{display:flex;align-items:center;gap:5px;color:var(--green);font-size:8px;font-weight:800}.live-indicator i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(52,211,153,.1)}.count-badge{min-width:24px;height:24px;border-radius:6px;background:var(--panel-3);color:#cbd5e1}
.data-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 17px;border-bottom:1px solid var(--line-soft)}.data-row:last-child{border:0}.data-row strong,.data-row small{display:block}.data-row strong{font-size:10px}.data-row small{margin-top:3px;color:var(--muted);font-size:9px}
.deploy-surface>.surface-head>svg{color:var(--orange)}.credentials-form{padding:14px 17px;border-bottom:1px solid var(--line-soft)}.credentials-form{display:grid;grid-template-columns:1fr 1fr auto;gap:9px;align-items:end}.credentials-form label{margin:0}.credentials-form .form-message{grid-column:1/-1}.deploy-form{display:grid;gap:11px;padding:16px 17px}.deploy-form>label:not(.dropzone){margin:0}
.dropzone{display:grid;place-items:center;min-height:150px;padding:20px;border:1px dashed #475569;border-radius:7px;background:var(--panel-3);text-align:center;cursor:pointer;transition:.18s}.dropzone:hover,.dropzone.is-dragging{border-color:var(--orange);background:#17191d}.dropzone input{display:none}.dropzone svg{width:28px;height:28px;margin-bottom:9px;color:#fb923c}.dropzone strong{font-size:11px}.dropzone span,.dropzone small{margin-top:4px;color:var(--muted);font-size:9px}
.mods-summary{padding:13px 16px 5px;color:var(--muted);font-size:10px}.mods-summary strong{color:#f8fafc}.mods-list,.backup-list{padding:4px 16px}.mod-row,.backup-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid var(--line-soft)}.mod-row strong,.mod-row small,.backup-row strong,.backup-row small{display:block}.mod-row strong,.backup-row strong{font-size:10px}.mod-row small,.backup-row small{margin-top:3px;color:var(--muted);font-size:9px}.backup-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.table-action[aria-disabled="true"]{pointer-events:none;opacity:.45}.danger-action{color:#fca5a5}.mod-toggle{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:9px}.mod-state{min-width:45px;color:#cbd5e1;font-size:9px}.mod-toggle input{appearance:none;width:30px;height:17px;min-height:0;padding:0;border-radius:99px;background:#263246;position:relative}.mod-toggle input:after{content:"";position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:50%;background:#94a3b8;transition:.18s}.mod-toggle input:checked{background:var(--orange)}.mod-toggle input:checked:after{left:15px;background:#fff}.disabled-mods{margin:6px 16px 12px;border-top:1px solid var(--line-soft)}.disabled-mods summary{padding:11px 0;color:var(--muted);font-size:10px;font-weight:800;cursor:pointer}.disabled-mods .mods-list{padding:0}
.monitor-select{min-height:31px;max-width:180px;font-size:9px}.icon-action{display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--line);border-radius:6px;background:var(--panel-2);color:#fb923c}.backup-form{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:8px;padding:13px 16px;border-bottom:1px solid var(--line-soft)}.backup-form label{display:grid;grid-template-columns:1fr 32px;align-items:center;gap:4px}.backup-form label span{color:var(--muted);font-size:9px}.backup-form .form-message{grid-column:1/-1}.backup-row{padding:10px 0}
.log-surface{margin-top:12px}.log-filters{display:flex;gap:4px}.log-filters button{min-height:27px;padding:0 8px;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--muted);font-size:8px;font-weight:800}.log-filters button.is-active{border-color:var(--line);background:var(--panel-3);color:#e2e8f0}.server-log{height:300px;margin:0;padding:16px;overflow:auto;background:#080c14;color:#a7f3d0;font:10px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap}

/* Account and feedback */
.account-card{padding:22px}.profile-hero{display:flex;align-items:center;gap:13px;padding-bottom:20px;border-bottom:1px solid var(--line-soft)}.big-avatar{width:52px;height:52px}.profile-hero h2{margin:0 0 4px;font-size:18px}.profile-hero p{margin:0;color:var(--muted);font-size:10px}.profile-hero .soft-badge{margin-left:auto}.account-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-top:20px}.account-fields strong{display:block;margin-top:5px;font-size:12px}
.toast{position:fixed;right:20px;bottom:20px;z-index:30;max-width:380px;padding:12px 14px;border:1px solid #31503f;border-radius:7px;background:#13251f;color:#a7f3d0;box-shadow:var(--shadow);font-size:10px;font-weight:700;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}.toast.error{border-color:#623235;background:#2d181b;color:#fecaca}
.modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:rgba(3,7,18,.75);backdrop-filter:blur(5px)}.confirm-modal{width:min(420px,100%);padding:24px;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow);text-align:center}.modal-icon{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 13px;border-radius:7px;background:#32191b;color:var(--red)}.confirm-modal h2{margin:0 0 7px;font-size:17px}.confirm-modal p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}.modal-actions{display:flex;justify-content:center;gap:8px;margin-top:20px}

@media(max-width:1120px){
  .workspace-metrics{grid-template-columns:repeat(2,1fr)}.workspace-grid{grid-template-columns:1fr}.workspace-lower-grid{grid-template-columns:1fr}
  .package-card{grid-template-columns:42px 1fr auto}.package-card .package-spec-row,.package-card .package-runtime{grid-column:2}.package-card .package-open{grid-column:3;grid-row:1/4}
  .plan-grid{grid-template-columns:repeat(2,1fr)}.sales-hero{grid-template-columns:1fr}.hero-order-card{max-width:460px}.included-strip{grid-template-columns:repeat(2,1fr)}.feature-section{grid-template-columns:1fr}.faq-section{grid-template-columns:1fr}.store-comparison{grid-template-columns:1fr}
}
@media(max-width:760px){
  .auth-layout{display:block;width:min(100% - 28px,520px);padding:22px 0}.auth-brand{margin-bottom:44px}.auth-copy{margin-bottom:28px}.auth-copy h1{font-size:40px}.auth-points{display:grid;gap:9px}
  .store-header-inner{height:60px;padding:0 12px;gap:10px}.menu-toggle{display:grid;place-items:center}.store-brand{gap:7px}.store-brand .brand-mark{width:32px;height:32px;font-size:8px}.store-brand small{display:none}.store-brand strong{font-size:12px}
  .store-nav{position:absolute;top:60px;right:12px;left:12px;display:none;height:auto;padding:7px;border:1px solid var(--line);border-radius:7px;background:var(--panel);box-shadow:var(--shadow)}.menu-open .store-nav{display:grid}.side-link{min-height:42px;padding:0 12px;border-radius:5px;font-size:11px}.side-link:hover,.side-link.is-active{background:var(--panel-2);color:#fff}.side-link.is-active:after{top:9px;right:auto;bottom:9px;left:0;width:2px;height:auto}.user-menu #user-name,.user-menu>svg,.desktop-logout{display:none}.user-popover{right:12px;top:54px}.page-wrap{padding:16px 12px 48px}
  .sales-hero{min-height:640px;padding:35px 22px;background-position:64% center;background-image:linear-gradient(180deg,rgba(5,9,16,.94),rgba(8,12,20,.74)),url("../images/storefront-hero.png")}.sales-hero h1{font-size:41px}.sales-hero-copy>p{font-size:12px}.hero-actions{align-items:stretch;flex-direction:column;width:min(100%,300px)}.hero-proof{grid-template-columns:1fr 1fr}.hero-order-card{padding:18px}.included-strip{grid-template-columns:1fr}.pricing-hero{align-items:flex-start;flex-direction:column}.pricing-hero h1{font-size:32px}.panel-preview-grid{grid-template-columns:1fr 1fr}
  .store-section{padding-top:38px}.store-section-heading{align-items:flex-start;flex-direction:column}.store-section-heading h2{font-size:22px}.store-section-heading .text-btn{padding-left:0}
  .page-heading{display:block}.page-heading h1{font-size:24px}.page-heading .outline-btn{margin-top:14px}.stat-grid,.workspace-metrics,.plan-grid,.account-fields{grid-template-columns:1fr}
  .workspace-header{align-items:flex-start}.workspace-title h1{font-size:20px}.workspace-header .status-pill{margin-top:3px}.command-surface{align-items:flex-start;flex-direction:column}.command-actions{width:100%}.btn-command{flex:1;justify-content:center;min-width:120px}
  .context-strip{grid-template-columns:1fr 1fr}.context-strip>div:nth-child(2){border-right:0}.context-strip>div:nth-child(-n+2){border-bottom:1px solid var(--line-soft)}
  .credentials-form,.backup-form{grid-template-columns:1fr}.credentials-form .form-message,.backup-form .form-message{grid-column:auto}.workspace-grid{grid-template-columns:minmax(0,1fr)}
  .package-card{grid-template-columns:40px 1fr}.package-card .package-spec-row,.package-card .package-runtime,.package-card .package-open{grid-column:1/-1}.package-card .package-open{grid-row:auto;width:100%}
  .content-grid.two-col{grid-template-columns:1fr}.order-row{align-items:flex-start;flex-wrap:wrap}
}