:root {
  --bg:#f7f7fb;
  --surface:#ffffff;
  --surface-2:#f0f1f7;
  --surface-3:#e8eaf2;
  --yellow:#5d5ce2;
  --violet:#7d6cf0;
  --blue:#4169e1;
  --green:#189b68;
  --red:#d74758;
  --white:#1d2233;
  --muted:#697086;
  --muted-2:#959bad;
  --line:#e6e8f0;
  --line-strong:#d8dce8;
  --sidebar:248px;
  --topbar:72px;
  --radius:20px;
}

* { box-sizing:border-box; }
html { background:var(--bg); color-scheme:light; }
body { min-width:320px; margin:0; overflow-x:hidden; background:radial-gradient(circle at 78% -10%,rgba(93,92,226,.08),transparent 29%),var(--bg); color:var(--white); font-family:Manrope,Arial,sans-serif; -webkit-font-smoothing:antialiased; }
button,input,textarea { font:inherit; }
button { color:inherit; }
a { color:inherit; text-decoration:none; }
svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
::selection { background:var(--yellow); color:#070707; }
::-webkit-scrollbar { width:9px; height:9px; }
::-webkit-scrollbar-track { background:#08090c; }
::-webkit-scrollbar-thumb { border:2px solid #08090c; border-radius:10px; background:#282b35; }
.icon-sprite { position:absolute; width:0; height:0; overflow:hidden; }
.text-green { color:var(--green)!important; }
.text-yellow { color:var(--yellow)!important; }
.text-red { color:var(--red)!important; }

.app-shell { min-height:100vh; }
.sidebar { position:fixed; z-index:50; inset:0 auto 0 0; display:flex; flex-direction:column; width:var(--sidebar); padding:20px 14px 14px; border-right:1px solid var(--line); background:rgba(8,9,13,.94); box-shadow:24px 0 70px rgba(0,0,0,.2); backdrop-filter:blur(22px); }
.sidebar::after { position:absolute; z-index:-1; right:-100px; bottom:6%; width:240px; height:240px; border-radius:50%; background:rgba(255,210,28,.025); filter:blur(45px); content:""; }
.sidebar__top { display:flex; align-items:center; justify-content:space-between; min-height:42px; padding:0 8px 16px; }
.brand { display:flex; align-items:center; gap:10px; font-size:15px; font-weight:800; letter-spacing:-.04em; }
.brand__mark { position:relative; width:30px; height:30px; border-radius:9px; background:var(--yellow); box-shadow:0 0 24px rgba(255,210,28,.19); }
.brand__mark::after { position:absolute; inset:8px 7px; border:2px solid #070707; border-top:0; transform:skew(-16deg); content:""; }
.brand small { display:inline; color:rgba(255,255,255,.28); font-size:8px; font-weight:800; letter-spacing:.08em; }
.sidebar__close { display:none!important; }
.workspace-switcher { display:grid; grid-template-columns:34px 1fr 18px; align-items:center; gap:10px; width:100%; min-height:58px; margin:7px 0 12px; padding:9px 10px; border:1px solid var(--line); border-radius:14px; background:rgba(255,255,255,.025); text-align:left; cursor:pointer; transition:border-color .2s,background .2s; }
.workspace-switcher:hover { border-color:rgba(255,210,28,.2); background:rgba(255,255,255,.04); }
.workspace-switcher__avatar { display:grid; place-items:center; width:34px; height:34px; border-radius:10px; background:rgba(255,210,28,.11); color:var(--yellow); font-size:9px; font-weight:800; }
.workspace-switcher small,.workspace-switcher strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.workspace-switcher small { margin-bottom:3px; color:var(--muted-2); font-size:7px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.workspace-switcher strong { font-size:11px; font-weight:650; }
.workspace-switcher svg { width:15px; color:var(--muted-2); }
.store-switcher-panel { position:absolute; z-index:5; top:129px; right:14px; left:14px; padding:8px; border:1px solid var(--line-strong); border-radius:13px; background:#11131a; box-shadow:0 18px 45px rgba(0,0,0,.45); }
.store-switcher-panel[hidden] { display:none; }
.store-switcher-panel header { display:flex; align-items:center; justify-content:space-between; padding:5px 5px 8px; color:var(--muted-2); font-size:7px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.store-switcher-panel header b { color:var(--yellow); }
.store-switcher-panel > div { display:grid; gap:3px; }
.store-switcher-panel button { display:grid; grid-template-columns:30px 1fr 7px; align-items:center; gap:8px; width:100%; min-height:46px; padding:6px; border:1px solid transparent; border-radius:9px; background:transparent; text-align:left; cursor:pointer; }
.store-switcher-panel button:hover,.store-switcher-panel button.is-active { border-color:rgba(255,210,28,.12); background:rgba(255,210,28,.05); }
.store-switcher-panel button strong,.store-switcher-panel button small { display:block; }
.store-switcher-panel button strong { font-size:9px; }
.store-switcher-panel button small { margin-top:3px; color:var(--muted-2); font-size:7px; }
.store-switcher-panel > button { grid-template-columns:15px 1fr; margin-top:6px; border-top-color:var(--line); color:var(--yellow); font-size:8px; }
.store-switcher-panel > button svg { width:13px; }
.store-mini-logo { display:grid; place-items:center; width:30px; height:30px; border-radius:8px; background:rgba(255,210,28,.1); color:var(--yellow); font-size:7px; font-weight:800; }
.store-health { width:7px; height:7px; border-radius:50%; background:var(--muted-2); }
.store-health--online { background:var(--green); box-shadow:0 0 9px rgba(112,223,160,.45); }
.store-health--waiting { background:var(--yellow); box-shadow:0 0 9px rgba(255,210,28,.35); }
.store-health--attention { background:var(--red); }.store-health--paused { background:var(--muted-2); }

.sidebar-nav { display:flex; flex:1; flex-direction:column; gap:3px; overflow-y:auto; padding:0 3px 12px; }
.sidebar-nav__label { margin:17px 9px 7px; color:rgba(255,255,255,.21); font-size:7px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.nav-item { position:relative; display:grid; grid-template-columns:20px 1fr auto; align-items:center; gap:10px; width:100%; min-height:39px; padding:0 10px; border:1px solid transparent; border-radius:10px; background:transparent; color:rgba(255,255,255,.47); font-size:10px; font-weight:650; text-align:left; cursor:pointer; transition:color .18s,background .18s,border-color .18s,transform .18s; }
.nav-item svg { width:16px; height:16px; }
.nav-item:hover { color:rgba(255,255,255,.8); background:rgba(255,255,255,.035); transform:translateX(2px); }
.nav-item.is-active { border-color:rgba(255,210,28,.12); background:linear-gradient(90deg,rgba(255,210,28,.12),rgba(255,210,28,.025)); color:#fff; }
.nav-item.is-active::before { position:absolute; top:9px; bottom:9px; left:-4px; width:2px; border-radius:2px; background:var(--yellow); box-shadow:0 0 11px rgba(255,210,28,.54); content:""; }
.nav-item.is-active svg { color:var(--yellow); }
.nav-item b { display:grid; place-items:center; min-width:19px; height:19px; padding:0 5px; border-radius:7px; background:rgba(255,255,255,.06); color:rgba(255,255,255,.48); font-size:7px; }
.nav-item b.nav-item__alert { background:rgba(143,114,255,.16); color:#b6a4ff; }
.nav-item i { width:6px; height:6px; border-radius:50%; background:var(--green); box-shadow:0 0 10px rgba(112,223,160,.55); }
.sidebar__bottom { display:grid; gap:8px; margin-top:auto; }
.support-link { display:grid; grid-template-columns:18px 1fr auto; align-items:center; gap:10px; min-height:38px; padding:0 10px; border:0; border-radius:10px; background:transparent; color:var(--muted); font-size:9px; font-weight:650; text-align:left; cursor:pointer; }
.support-link:hover { background:rgba(255,255,255,.035); color:#fff; }
.support-link svg { width:15px; }
.support-link b { color:var(--green); font-size:7px; letter-spacing:.08em; }
.user-card { display:grid; grid-template-columns:32px 1fr 30px; align-items:center; gap:9px; min-height:54px; padding:8px; border:1px solid var(--line); border-radius:13px; background:rgba(255,255,255,.025); }
.user-card__avatar,.topbar-profile span { display:grid; place-items:center; border-radius:9px; background:linear-gradient(145deg,#2b2d37,#171922); color:rgba(255,255,255,.82); font-size:8px; font-weight:800; }
.user-card__avatar { width:32px; height:32px; }
.user-card strong,.user-card small { display:block; }
.user-card strong { font-size:10px; }
.user-card small { margin-top:3px; color:var(--muted-2); font-size:7px; }
.icon-button { display:grid; place-items:center; width:34px; height:34px; padding:0; border:1px solid var(--line); border-radius:10px; background:rgba(255,255,255,.025); color:var(--muted); cursor:pointer; transition:border-color .18s,background .18s,color .18s; }
.icon-button:hover { border-color:var(--line-strong); background:rgba(255,255,255,.055); color:#fff; }
.icon-button svg { width:16px; height:16px; }

.workspace { min-height:100vh; margin-left:var(--sidebar); }
.topbar { position:sticky; z-index:40; top:0; display:flex; align-items:center; justify-content:space-between; height:var(--topbar); padding:0 28px; border-bottom:1px solid var(--line); background:rgba(7,8,11,.82); backdrop-filter:blur(20px); }
.mobile-menu { display:none; }
.breadcrumb { display:flex; align-items:center; gap:8px; color:var(--muted-2); font-size:9px; font-weight:700; letter-spacing:.06em; }
.breadcrumb i { font-style:normal; opacity:.45; }
.breadcrumb strong { color:rgba(255,255,255,.67); font-weight:700; }
.topbar__actions { display:flex; align-items:center; gap:8px; }
.system-time { display:flex; align-items:center; gap:7px; min-height:34px; padding:0 11px; border:1px solid var(--line); border-radius:10px; color:rgba(255,255,255,.58); font-size:8px; font-variant-numeric:tabular-nums; }
.system-time small { color:var(--muted-2); font-size:6px; font-weight:800; }
.status-dot,.node { display:inline-block; width:6px; height:6px; border-radius:50%; background:var(--green); box-shadow:0 0 9px rgba(112,223,160,.5); }
.search-trigger { display:flex; align-items:center; gap:8px; min-height:34px; padding:0 8px 0 10px; border:1px solid var(--line); border-radius:10px; background:rgba(255,255,255,.025); color:var(--muted); font-size:8px; cursor:pointer; }
.search-trigger svg { width:14px; }
.search-trigger kbd { min-width:28px; padding:3px 5px; border:1px solid var(--line); border-radius:5px; background:rgba(255,255,255,.03); color:var(--muted-2); font-family:inherit; font-size:6px; }
.notification-button { position:relative; }
.notification-button b { position:absolute; top:-4px; right:-4px; display:grid; place-items:center; width:15px; height:15px; border:2px solid var(--bg); border-radius:50%; background:var(--violet); color:#fff; font-size:6px; }
.topbar-profile { display:flex; align-items:center; gap:3px; height:34px; padding:0 5px; border:1px solid var(--line); border-radius:10px; background:rgba(255,255,255,.025); cursor:pointer; }
.topbar-profile span { width:25px; height:25px; }
.topbar-profile svg { width:12px; color:var(--muted-2); }

.demo-banner { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:13px; min-height:48px; margin:20px 28px 0; padding:8px 10px 8px 12px; border:1px solid rgba(143,114,255,.17); border-radius:13px; background:linear-gradient(90deg,rgba(143,114,255,.09),rgba(143,114,255,.025)); }
.demo-banner__mark { display:grid; place-items:center; min-width:34px; height:25px; border-radius:7px; background:rgba(143,114,255,.16); color:#b7a5ff; font-size:7px; font-weight:800; letter-spacing:.08em; }
.demo-banner p { margin:0; color:var(--muted); font-size:9px; line-height:1.45; }
.demo-banner p strong { color:rgba(255,255,255,.8); }
.demo-banner button { display:flex; align-items:center; gap:5px; min-height:30px; padding:0 10px; border:0; border-radius:8px; background:rgba(255,255,255,.06); color:rgba(255,255,255,.72); font-size:8px; font-weight:700; cursor:pointer; }
.demo-banner button svg { width:12px; }

.view-stack { padding:32px 28px 60px; }
.view { display:none; width:min(1580px,100%); margin:0 auto; animation:viewIn .28s ease; }
.view.is-active { display:block; }
@keyframes viewIn { from { opacity:0; transform:translateY(7px); } }
.view-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:36px; margin-bottom:27px; }
.view-heading h1 { max-width:850px; margin:8px 0 10px; font-size:clamp(40px,4vw,65px); font-weight:550; line-height:.96; letter-spacing:-.06em; }
.view-heading h1 span { color:var(--yellow); }
.view-heading p { max-width:670px; margin:0; color:var(--muted); font-size:12px; line-height:1.55; }
.view-heading--compact { align-items:center; margin-bottom:28px; }
.view-heading--compact h1 { margin-top:7px; font-size:clamp(39px,3.2vw,56px); }
.eyebrow,.panel-label { color:var(--yellow); font-size:7px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.view-heading__actions { display:flex; align-items:center; gap:8px; flex-shrink:0; }
.button { display:flex; align-items:center; justify-content:center; gap:8px; min-height:40px; padding:0 13px; border:1px solid var(--line-strong); border-radius:11px; background:rgba(255,255,255,.03); color:rgba(255,255,255,.72); font-size:9px; font-weight:750; cursor:pointer; transition:transform .18s,border-color .18s,background .18s; }
.button:hover { transform:translateY(-1px); border-color:rgba(255,255,255,.22); background:rgba(255,255,255,.06); }
.button svg { width:14px; }
.button--primary { border-color:var(--yellow); background:var(--yellow); color:#080808; }
.button--primary:hover { border-color:#ffe45c; background:#ffe45c; }
.button--ghost { background:rgba(255,255,255,.025); }
.button--danger { border-color:rgba(255,108,120,.17); color:#ff8b94; background:rgba(255,108,120,.06); }
.button--wide { width:100%; }
.panel { border:1px solid var(--line); border-radius:var(--radius); background:radial-gradient(circle at 90% -20%,rgba(143,114,255,.05),transparent 35%),rgba(13,15,20,.86); box-shadow:0 22px 65px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.015); }
.panel-head { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.panel-head h2 { margin:6px 0 0; font-size:16px; font-weight:650; letter-spacing:-.035em; }
.panel-link { display:flex; align-items:center; gap:4px; padding:0; border:0; background:transparent; color:var(--muted); font-size:8px; font-weight:700; cursor:pointer; }
.panel-link:hover { color:#fff; }
.panel-link svg { width:12px; }

.store-strip { display:grid; grid-template-columns:minmax(260px,1.2fr) minmax(190px,.7fr) minmax(250px,1fr) auto; align-items:center; gap:25px; min-height:84px; margin-bottom:14px; padding:13px 15px; }
.store-strip__identity { display:flex; align-items:center; gap:12px; }
.store-logo { display:grid; place-items:center; width:43px; height:43px; border:1px solid rgba(255,210,28,.18); border-radius:12px; background:rgba(255,210,28,.08); color:var(--yellow); font-size:9px; font-weight:800; overflow:hidden; }
.store-logo img,.workspace-switcher__avatar img { display:block; width:100%; height:100%; object-fit:cover; }
.store-strip__identity strong,.store-strip__identity .panel-label { display:block; }
.store-strip__identity strong { margin-top:5px; font-size:12px; }
.store-strip__status small { display:block; margin-top:5px; color:var(--muted-2); font-size:7px; }
.health-pill { display:inline-flex; align-items:center; gap:6px; min-height:25px; padding:0 8px; border:1px solid var(--line); border-radius:999px; color:var(--muted); font-size:7px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
.health-pill i { width:5px; height:5px; border-radius:50%; background:var(--muted-2); }
.health-pill--waiting { border-color:rgba(255,210,28,.14); background:rgba(255,210,28,.045); color:#d9bd52; }
.health-pill--waiting i { background:var(--yellow); box-shadow:0 0 8px rgba(255,210,28,.55); }
.health-pill--active { border-color:rgba(112,223,160,.14); background:rgba(112,223,160,.045); color:#88dba9; }
.health-pill--active i { background:var(--green); box-shadow:0 0 8px rgba(112,223,160,.5); }
.store-strip__nodes { display:flex; align-items:center; gap:16px; }
.store-strip__nodes span { display:flex; align-items:center; gap:6px; color:var(--muted-2); font-size:7px; font-weight:700; }
.node { background:rgba(255,255,255,.18); box-shadow:none; }
.node--ok { background:var(--green); box-shadow:0 0 8px rgba(112,223,160,.45); }
.store-strip__action { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:45px; padding:0 12px; border:1px solid var(--line); border-radius:11px; background:rgba(255,255,255,.025); color:rgba(255,255,255,.68); font-size:8px; font-weight:700; cursor:pointer; }
.store-strip__action:hover { border-color:rgba(255,210,28,.18); color:var(--yellow); }
.store-strip__action svg { width:13px; }

.metric-grid { display:grid; grid-template-columns:1.25fr repeat(3,1fr); gap:10px; margin-bottom:10px; }
.metric-card { min-height:135px; padding:18px; border:1px solid var(--line); border-radius:17px; background:rgba(13,15,20,.84); }
.metric-card--featured { background:radial-gradient(circle at 100% 0,rgba(255,210,28,.12),transparent 46%),rgba(13,15,20,.84); }
.metric-card__top,.metric-card__footer { display:flex; align-items:center; justify-content:space-between; gap:14px; }
.metric-card__top > span { color:var(--muted); font-size:8px; font-weight:650; }
.metric-card__top > b { color:var(--green); font-size:7px; }
.metric-card > strong { display:block; margin-top:20px; font-size:31px; font-weight:550; line-height:1; letter-spacing:-.055em; }
.metric-card > strong small { color:var(--yellow); font-size:16px; }
.metric-card__footer { margin-top:16px; color:var(--muted-2); font-size:7px; }
.metric-card__footer b { color:rgba(255,255,255,.54); }
.metric-icon { display:grid; place-items:center; width:27px; height:27px; border-radius:8px; background:rgba(255,210,28,.08); color:var(--yellow); }
.metric-icon svg { width:13px; }
.metric-icon--violet { background:rgba(143,114,255,.1); color:#ad9aff; }
.metric-icon--green { background:rgba(112,223,160,.08); color:var(--green); }
.sparkline { width:92px; height:25px; }
.sparkline path { fill:none; stroke:var(--yellow); stroke-width:2; }

.dashboard-grid { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(350px,.75fr); gap:10px; margin-bottom:10px; }
.revenue-panel,.activity-panel,.orders-preview,.automation-preview { padding:20px; }
.segmented { display:flex; align-items:center; gap:3px; padding:3px; border:1px solid var(--line); border-radius:9px; background:rgba(255,255,255,.02); }
.segmented button { min-height:25px; padding:0 8px; border:0; border-radius:6px; background:transparent; color:var(--muted-2); font-size:7px; font-weight:700; cursor:pointer; }
.segmented button.is-active { background:rgba(255,255,255,.07); color:rgba(255,255,255,.76); }
.chart-summary { display:flex; align-items:baseline; gap:12px; margin:22px 0 8px 42px; }
.chart-summary strong { font-size:25px; font-weight:550; letter-spacing:-.05em; }
.chart-summary span { color:var(--muted-2); font-size:7px; }
.chart-summary b { color:var(--green); }
.revenue-chart { display:grid; grid-template-columns:30px 1fr; min-height:220px; }
.chart-y { display:flex; flex-direction:column; justify-content:space-between; padding:8px 0 24px; color:rgba(255,255,255,.19); font-size:6px; }
.chart-area { position:relative; min-width:0; }
.chart-area > i { position:absolute; right:0; left:0; height:1px; background:rgba(255,255,255,.055); }
.chart-area > i:nth-child(1) { top:10px; }.chart-area > i:nth-child(2) { top:57px; }.chart-area > i:nth-child(3) { top:104px; }.chart-area > i:nth-child(4) { top:151px; }
.chart-area > svg { position:absolute; top:5px; right:0; bottom:24px; left:0; width:100%; height:181px; overflow:visible; }
.chart-fill { fill:url(#chart-fill); stroke:none; }
.chart-line { fill:none; stroke:var(--yellow); stroke-width:2; vector-effect:non-scaling-stroke; }
.chart-area circle { fill:var(--yellow); stroke:rgba(255,210,28,.25); stroke-width:8; vector-effect:non-scaling-stroke; }
.chart-x { position:absolute; right:0; bottom:0; left:0; display:flex; justify-content:space-between; color:rgba(255,255,255,.2); font-size:6px; }
.activity-list { display:grid; margin-top:12px; }
.activity-list article { display:grid; grid-template-columns:36px 1fr auto; align-items:center; gap:10px; min-height:64px; border-bottom:1px solid rgba(255,255,255,.055); }
.activity-list article:last-child { border-bottom:0; }
.activity-icon { display:grid; place-items:center; width:34px; height:34px; border-radius:10px; background:rgba(255,255,255,.045); color:var(--muted); }
.activity-icon svg { width:14px; }
.activity-icon--yellow { background:rgba(255,210,28,.08); color:var(--yellow); }.activity-icon--violet { background:rgba(143,114,255,.1); color:#ad9aff; }.activity-icon--green { background:rgba(112,223,160,.08); color:var(--green); }
.activity-list strong,.activity-list p,.activity-list time { display:block; margin:0; }
.activity-list strong { font-size:9px; }.activity-list p { margin-top:4px; color:var(--muted); font-size:7px; }.activity-list time { margin-top:4px; color:var(--muted-2); font-size:6px; }
.activity-list article > b,.activity-list article > button { color:var(--muted); font-size:7px; }
.activity-list article > button { padding:6px 8px; border:1px solid var(--line); border-radius:7px; background:transparent; cursor:pointer; }
.dashboard-bottom { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(350px,.75fr); gap:10px; }

.data-table-wrap { margin-top:14px; overflow:auto; }
.data-table { width:100%; border-collapse:collapse; white-space:nowrap; }
.data-table th { height:32px; color:rgba(255,255,255,.21); font-size:6px; font-weight:800; letter-spacing:.09em; text-align:left; text-transform:uppercase; }
.data-table td { height:48px; border-top:1px solid rgba(255,255,255,.055); color:var(--muted); font-size:7px; }
.data-table td > strong { color:rgba(255,255,255,.76); font-size:8px; }
.product-cell { display:flex; align-items:center; gap:8px; color:rgba(255,255,255,.62); }
.product-cell i { display:grid; place-items:center; width:26px; height:26px; border-radius:8px; background:rgba(255,255,255,.045); color:var(--yellow); font-size:6px; font-style:normal; font-weight:800; }
.table-status { display:inline-flex; align-items:center; min-height:21px; padding:0 7px; border:1px solid var(--line); border-radius:999px; color:var(--muted); font-size:6px; font-weight:800; }
.table-status--success { border-color:rgba(112,223,160,.13); background:rgba(112,223,160,.045); color:#7fd79f; }
.table-status--processing { border-color:rgba(255,210,28,.15); background:rgba(255,210,28,.05); color:#d9bd52; }
.automation-list { display:grid; margin-top:10px; }
.automation-list article { display:grid; grid-template-columns:34px 1fr auto; align-items:center; gap:9px; min-height:55px; border-bottom:1px solid rgba(255,255,255,.055); }
.automation-list article:last-child { border-bottom:0; }
.module-mark { display:grid; place-items:center; width:32px; height:32px; border-radius:9px; background:rgba(255,255,255,.05); color:var(--muted); font-size:7px; font-weight:800; }
.module-mark--yellow { background:rgba(255,210,28,.08); color:var(--yellow); }.module-mark--violet { background:rgba(143,114,255,.1); color:#ad9aff; }.module-mark--blue { background:rgba(109,157,255,.1); color:#8bb2ff; }.module-mark--green { background:rgba(112,223,160,.08); color:var(--green); }
.automation-list strong,.automation-list small { display:block; }.automation-list strong { font-size:8px; }.automation-list small { margin-top:4px; color:var(--muted-2); font-size:6px; }
.toggle { position:relative; width:31px; height:18px; padding:0; border:1px solid var(--line); border-radius:999px; background:rgba(255,255,255,.05); cursor:pointer; transition:background .2s,border-color .2s; }
.toggle::after { position:absolute; top:3px; left:3px; width:10px; height:10px; border-radius:50%; background:rgba(255,255,255,.42); content:""; transition:transform .2s,background .2s; }
.toggle.is-on { border-color:rgba(112,223,160,.23); background:rgba(112,223,160,.16); }.toggle.is-on::after { background:var(--green); transform:translateX(13px); box-shadow:0 0 8px rgba(112,223,160,.4); }
.full-width-link { display:flex; align-items:center; justify-content:space-between; width:100%; min-height:40px; margin-top:13px; padding:0 10px; border:1px solid var(--line); border-radius:10px; background:rgba(255,255,255,.02); color:rgba(255,255,255,.57); font-size:8px; font-weight:700; cursor:pointer; }
.full-width-link:hover { border-color:var(--line-strong); color:#fff; }.full-width-link svg { width:12px; }

.summary-row { display:grid; grid-template-columns:repeat(4,1fr); gap:9px; margin-bottom:10px; }
.summary-row article { display:grid; grid-template-columns:1fr auto; grid-template-rows:auto auto; gap:7px; min-height:94px; padding:16px; border:1px solid var(--line); border-radius:15px; background:rgba(13,15,20,.8); }
.summary-row span { color:var(--muted); font-size:8px; }.summary-row strong { grid-row:1/3; align-self:center; font-size:24px; font-weight:550; letter-spacing:-.05em; }.summary-row small { color:var(--muted-2); font-size:6px; }
.content-panel { padding:18px; }
.content-toolbar,.event-filters,.plugin-toolbar { display:flex; align-items:center; justify-content:space-between; gap:15px; }
.search-field { display:flex; align-items:center; gap:8px; width:min(380px,100%); min-height:35px; padding:0 10px; border:1px solid var(--line); border-radius:9px; background:rgba(255,255,255,.02); }
.search-field svg { width:13px; color:var(--muted-2); }
.search-field input { width:100%; border:0; outline:0; background:transparent; color:#fff; font-size:8px; }
.search-field input::placeholder { color:rgba(255,255,255,.22); }
.toolbar-actions { display:flex; gap:6px; }
.filter-button { display:flex; align-items:center; gap:7px; min-height:35px; padding:0 10px; border:1px solid var(--line); border-radius:9px; background:rgba(255,255,255,.02); color:var(--muted); font-size:7px; cursor:pointer; }.filter-button svg { width:12px; }
.data-table--large td { height:58px; }
.row-action { display:grid; place-items:center; width:27px; height:27px; border:1px solid var(--line); border-radius:8px; background:transparent; color:var(--muted); cursor:pointer; }.row-action svg { width:12px; }
.source-pill { display:inline-flex; align-items:center; gap:5px; color:var(--muted); font-size:6px; }.source-pill i { width:5px; height:5px; border-radius:50%; background:var(--violet); }.source-pill--auto i { background:var(--yellow); }.source-pill--web i { background:var(--blue); }
.table-footer { display:flex; align-items:center; justify-content:space-between; padding-top:13px; border-top:1px solid var(--line); color:var(--muted-2); font-size:7px; }
.table-footer div { display:flex; gap:3px; }.table-footer button { width:26px; height:26px; border:1px solid var(--line); border-radius:7px; background:transparent; color:var(--muted); font-size:7px; }.table-footer button.is-active { border-color:rgba(255,210,28,.22); background:rgba(255,210,28,.08); color:var(--yellow); }

.messenger { display:grid; grid-template-columns:280px minmax(440px,1fr) 230px; min-height:650px; overflow:hidden; }
.conversation-list { border-right:1px solid var(--line); }
.conversation-list__top { display:grid; grid-template-columns:1fr 34px; gap:7px; padding:14px; border-bottom:1px solid var(--line); }.conversation-list__top .search-field { min-width:0; }
.conversation-list__tabs { display:flex; gap:2px; padding:8px 12px; border-bottom:1px solid var(--line); }.conversation-list__tabs button { padding:6px 8px; border:0; border-radius:7px; background:transparent; color:var(--muted-2); font-size:7px; cursor:pointer; }.conversation-list__tabs button.is-active { background:rgba(255,255,255,.055); color:#fff; }.conversation-list__tabs b { color:var(--violet); }
.conversation-item { display:grid; grid-template-columns:35px 1fr auto; gap:9px; padding:13px; border-bottom:1px solid rgba(255,255,255,.05); cursor:pointer; }.conversation-item:hover,.conversation-item.is-active { background:rgba(255,255,255,.03); }.conversation-item.is-active { box-shadow:inset 2px 0 var(--yellow); }
.chat-avatar { display:grid; place-items:center; width:35px; height:35px; border-radius:11px; background:linear-gradient(145deg,#2b2e3c,#171923); color:rgba(255,255,255,.7); font-size:7px; font-weight:800; }.chat-avatar--large { width:56px; height:56px; border-radius:17px; font-size:10px; }
.conversation-item strong,.conversation-item p { display:block; overflow:hidden; margin:0; text-overflow:ellipsis; white-space:nowrap; }.conversation-item strong { font-size:8px; }.conversation-item p { max-width:145px; margin-top:5px; color:var(--muted); font-size:7px; }.conversation-item time { color:var(--muted-2); font-size:6px; }.conversation-item b { grid-column:3; display:grid; place-items:center; width:16px; height:16px; border-radius:50%; background:var(--violet); color:#fff; font-size:6px; }
.chat-window { display:grid; grid-template-rows:auto 1fr auto auto; min-width:0; background:rgba(8,10,14,.36); }
.chat-header { display:flex; align-items:center; justify-content:space-between; min-height:64px; padding:0 15px; border-bottom:1px solid var(--line); }.chat-header > div { display:flex; align-items:center; gap:9px; }.chat-header strong,.chat-header small { display:block; }.chat-header strong { font-size:9px; }.chat-header small { margin-top:4px; color:var(--muted-2); font-size:6px; }.chat-header small i { display:inline-block; width:5px; height:5px; margin-right:4px; border-radius:50%; background:var(--green); }
.chat-body { display:flex; flex-direction:column; gap:8px; padding:18px; overflow-y:auto; background-image:radial-gradient(rgba(255,255,255,.025) .7px,transparent .7px); background-size:16px 16px; }
.chat-date { align-self:center; padding:5px 8px; border-radius:999px; background:rgba(255,255,255,.04); color:var(--muted-2); font-size:6px; }
.chat-message { max-width:72%; padding:10px 11px 7px; border:1px solid var(--line); border-radius:12px 12px 12px 3px; background:#13151c; }.chat-message p { margin:0; color:rgba(255,255,255,.72); font-size:8px; line-height:1.5; }.chat-message time { display:block; margin-top:5px; color:var(--muted-2); font-size:5px; text-align:right; }.chat-message time b { color:var(--green); }
.chat-message--seller { align-self:flex-end; border-color:rgba(143,114,255,.13); border-radius:12px 12px 3px 12px; background:rgba(143,114,255,.1); }.chat-message--system { display:grid; grid-template-columns:32px 1fr; gap:8px; max-width:86%; border-style:dashed; background:rgba(143,114,255,.04); }.chat-message--system p { color:var(--muted); }.chat-message--system strong { color:#b5a4ff; }
.quick-replies { display:flex; gap:5px; padding:9px 12px; overflow-x:auto; border-top:1px solid var(--line); }.quick-replies button { flex:0 0 auto; min-height:26px; padding:0 8px; border:1px solid var(--line); border-radius:8px; background:transparent; color:var(--muted); font-size:6px; cursor:pointer; }
.composer { display:grid; grid-template-columns:34px 1fr auto 36px; align-items:end; gap:7px; padding:10px 12px; border-top:1px solid var(--line); }.composer textarea { min-height:34px; max-height:90px; padding:10px; resize:none; border:1px solid var(--line); border-radius:10px; outline:0; background:rgba(255,255,255,.025); color:#fff; font-size:8px; }.ai-compose { display:flex; align-items:center; gap:6px; min-height:34px; padding:0 9px; border:1px solid rgba(143,114,255,.14); border-radius:9px; background:rgba(143,114,255,.07); color:#b5a4ff; font-size:7px; cursor:pointer; }.ai-compose span { display:grid; place-items:center; width:17px; height:17px; border-radius:5px; background:rgba(143,114,255,.14); font-size:6px; font-weight:800; }.send-button { display:grid; place-items:center; width:36px; height:34px; border:0; border-radius:9px; background:var(--yellow); color:#080808; cursor:pointer; }.send-button svg { width:14px; }
.buyer-panel { padding:18px; border-left:1px solid var(--line); }.buyer-profile { display:flex; align-items:center; flex-direction:column; margin:25px 0; }.buyer-profile strong { margin-top:10px; font-size:10px; }.buyer-profile small { margin-top:5px; color:var(--muted-2); font-size:6px; }.buyer-stats { display:grid; grid-template-columns:1fr 1fr; margin-bottom:12px; border-block:1px solid var(--line); }.buyer-stats span { padding:12px 5px; text-align:center; }.buyer-stats span:first-child { border-right:1px solid var(--line); }.buyer-stats small,.buyer-stats strong { display:block; }.buyer-stats small { color:var(--muted-2); font-size:6px; }.buyer-stats strong { margin-top:6px; font-size:12px; }.current-order { padding:12px; border:1px solid var(--line); border-radius:11px; background:rgba(255,255,255,.02); }.current-order small,.current-order strong,.current-order span { display:block; }.current-order small { color:var(--muted-2); font-size:6px; }.current-order strong { margin-top:7px; font-size:8px; }.current-order span { margin-top:5px; color:var(--yellow); font-size:10px; font-weight:750; }.current-order div { margin-top:10px; color:var(--muted); font-size:6px; }.current-order div i { display:inline-block; width:5px; height:5px; margin-right:4px; border-radius:50%; background:var(--yellow); }

.lot-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin-top:16px; }.lot-card { padding:15px; border:1px solid var(--line); border-radius:14px; background:rgba(255,255,255,.018); }.lot-card__top,.lot-card__stats,.lot-card__bottom { display:flex; align-items:center; justify-content:space-between; gap:10px; }.lot-card__top > span { display:grid; place-items:center; width:35px; height:35px; border-radius:10px; background:rgba(255,210,28,.07); color:var(--yellow); font-size:7px; font-weight:800; }.lot-card h3 { margin:14px 0 5px; font-size:11px; }.lot-card p { margin:0; color:var(--muted); font-size:7px; }.lot-card__stats { margin:15px 0; padding:11px 0; border-block:1px solid var(--line); }.lot-card__stats span { color:var(--muted-2); font-size:6px; }.lot-card__stats strong { display:block; margin-top:5px; color:rgba(255,255,255,.78); font-size:12px; }.lot-card__bottom span { display:flex; align-items:center; gap:5px; color:var(--muted); font-size:6px; }.lot-card__bottom button { min-height:27px; padding:0 8px; border:1px solid var(--line); border-radius:8px; background:transparent; color:var(--muted); font-size:6px; cursor:pointer; }

.automation-hero { display:flex; align-items:center; justify-content:space-between; gap:25px; min-height:120px; margin-bottom:10px; padding:20px 25px; overflow:hidden; background:radial-gradient(circle at 5% 50%,rgba(112,223,160,.08),transparent 28%),radial-gradient(circle at 85% 0,rgba(143,114,255,.1),transparent 36%),rgba(13,15,20,.86); }.automation-hero > div { display:flex; align-items:center; gap:18px; }.automation-hero > div:last-child { display:grid; grid-template-columns:repeat(3,1fr); gap:0; min-width:48%; }.automation-hero > div:last-child span { padding:8px 22px; border-left:1px solid var(--line); }.automation-hero small,.automation-hero strong,.automation-hero p { display:block; margin:0; }.automation-hero small { color:var(--muted-2); font-size:6px; text-transform:uppercase; }.automation-hero strong { margin-top:6px; font-size:14px; }.automation-hero p { margin-top:5px; color:var(--muted); font-size:7px; }.automation-orbit { position:relative; display:grid; place-items:center; width:64px; height:64px; border:1px solid rgba(112,223,160,.17); border-radius:50%; background:rgba(112,223,160,.045); }.automation-orbit::before { position:absolute; inset:7px; border:1px dashed rgba(112,223,160,.18); border-radius:50%; content:""; animation:spin 9s linear infinite; }.automation-orbit i { position:absolute; top:3px; width:6px; height:6px; border-radius:50%; background:var(--green); box-shadow:0 0 10px rgba(112,223,160,.7); }.automation-orbit b { color:var(--green); font-size:10px; }.automation-hero > div:last-child strong { font-size:20px; font-weight:550; letter-spacing:-.04em; }
@keyframes spin { to { transform:rotate(360deg); } }
.automation-cards { display:grid; grid-template-columns:repeat(2,1fr); gap:9px; }.automation-card { display:grid; grid-template-columns:46px 1fr auto; gap:13px; padding:18px; border:1px solid var(--line); border-radius:16px; background:rgba(13,15,20,.8); }.automation-card__icon { display:grid; place-items:center; width:44px; height:44px; border-radius:12px; background:rgba(var(--module-rgb),.09); color:rgb(var(--module-rgb)); font-size:8px; font-weight:800; }.automation-card h3 { margin:1px 0 5px; font-size:11px; }.automation-card p { margin:0; color:var(--muted); font-size:7px; line-height:1.45; }.automation-card__meta { grid-column:2/4; display:flex; align-items:center; justify-content:space-between; gap:10px; padding-top:12px; border-top:1px solid var(--line); color:var(--muted-2); font-size:6px; }.automation-card__meta b { color:var(--green); }

.plugin-loadout { display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:30px; min-height:112px; margin-bottom:14px; padding:20px 23px; background:radial-gradient(circle at 85% 20%,rgba(143,114,255,.12),transparent 32%),rgba(13,15,20,.86); }.plugin-loadout strong { display:block; margin-top:7px; font-size:15px; }.plugin-loadout p { margin:6px 0 0; color:var(--muted); font-size:7px; }.loadout-slots { display:flex; gap:6px; }.loadout-slots span { display:grid; place-items:center; width:35px; height:35px; border:1px solid rgba(255,210,28,.12); border-radius:10px; background:rgba(255,210,28,.07); color:var(--yellow); font-size:7px; font-weight:800; }.loadout-slots span.is-empty { border-style:dashed; border-color:var(--line); background:transparent; color:var(--muted-2); }.plugin-loadout > button { display:flex; align-items:center; gap:6px; min-height:34px; padding:0 10px; border:1px solid var(--line); border-radius:9px; background:rgba(255,255,255,.02); color:var(--muted); font-size:7px; cursor:pointer; }.plugin-loadout > button svg { width:12px; }.plugin-toolbar { margin-bottom:12px; }.plugin-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; }.plugin-card { position:relative; min-height:210px; padding:17px; overflow:hidden; border:1px solid var(--line); border-radius:16px; background:rgba(13,15,20,.82); }.plugin-card::after { position:absolute; right:-55px; bottom:-70px; width:150px; height:150px; border-radius:50%; background:rgba(var(--plugin-rgb),.07); filter:blur(25px); content:""; }.plugin-card__top,.plugin-card__bottom { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:10px; }.plugin-card__mark { display:grid; place-items:center; width:36px; height:36px; border-radius:10px; background:rgba(var(--plugin-rgb),.1); color:rgb(var(--plugin-rgb)); font-size:8px; font-weight:800; }.plugin-card__top small { color:var(--muted-2); font-size:6px; text-transform:uppercase; }.plugin-card h3 { position:relative; z-index:1; margin:22px 0 7px; font-size:13px; }.plugin-card p { position:relative; z-index:1; min-height:43px; margin:0; color:var(--muted); font-size:7px; line-height:1.55; }.plugin-card__bottom { margin-top:19px; padding-top:12px; border-top:1px solid var(--line); }.plugin-card__bottom span { color:var(--muted-2); font-size:6px; }.plugin-card__bottom button { min-height:27px; padding:0 8px; border:1px solid rgba(var(--plugin-rgb),.17); border-radius:8px; background:rgba(var(--plugin-rgb),.06); color:rgb(var(--plugin-rgb)); font-size:6px; cursor:pointer; }

.telegram-layout { display:grid; grid-template-columns:minmax(460px,1fr) minmax(420px,.8fr); gap:10px; }.telegram-connect { padding:32px; }.telegram-visual { position:relative; display:grid; place-items:center; width:90px; height:90px; margin-bottom:20px; border:1px solid rgba(109,157,255,.15); border-radius:50%; background:rgba(109,157,255,.06); }.telegram-visual span { display:grid; place-items:center; width:51px; height:51px; border-radius:16px; background:#2aabee; color:white; box-shadow:0 18px 40px rgba(42,171,238,.18); }.telegram-visual span svg { width:24px; }.telegram-visual i { position:absolute; width:5px; height:5px; border-radius:50%; background:#2aabee; box-shadow:0 0 9px rgba(42,171,238,.5); }.telegram-visual i:nth-child(2) { top:8px; right:7px; }.telegram-visual i:nth-child(3) { right:-4px; bottom:22px; }.telegram-visual i:nth-child(4) { bottom:1px; left:12px; }.telegram-connect h2 { max-width:480px; margin:18px 0 10px; font-size:30px; font-weight:550; line-height:1.05; letter-spacing:-.05em; }.telegram-connect > p { max-width:580px; margin:0; color:var(--muted); font-size:10px; line-height:1.6; }.telegram-connect ol { display:grid; gap:0; margin:27px 0; padding:0; list-style:none; }.telegram-connect li { display:grid; grid-template-columns:32px 1fr; gap:12px; min-height:62px; padding:10px 0; border-top:1px solid var(--line); }.telegram-connect li > b { color:#64c7fa; font-size:7px; }.telegram-connect li strong,.telegram-connect li small { display:block; }.telegram-connect li strong { font-size:9px; }.telegram-connect li small { margin-top:5px; color:var(--muted-2); font-size:7px; }
.telegram-preview { display:grid; place-items:center; min-height:680px; padding:30px; overflow:hidden; background:radial-gradient(circle at 50% 50%,rgba(42,171,238,.12),transparent 45%),rgba(13,15,20,.86); }.phone-frame { width:320px; overflow:hidden; border:8px solid #262832; border-radius:38px; background:#10131b; box-shadow:0 35px 90px rgba(0,0,0,.45); }.phone-frame__top { display:flex; align-items:center; justify-content:space-between; height:28px; padding:0 15px; color:rgba(255,255,255,.7); font-size:6px; }.phone-frame__top i { width:54px; height:16px; border-radius:999px; background:#050607; }.phone-frame header { display:grid; grid-template-columns:30px 36px 1fr 30px; align-items:center; min-height:54px; padding:0 9px; background:#191c25; }.phone-frame header button { border:0; background:transparent; color:#64c7fa; }.telegram-bot-avatar { display:grid; place-items:center; width:32px; height:32px; border-radius:50%; background:linear-gradient(145deg,#ffd21c,#ffb71c); color:#171717; font-size:10px; font-weight:800; }.phone-frame header strong,.phone-frame header small { display:block; }.phone-frame header strong { font-size:8px; }.phone-frame header small { margin-top:3px; color:var(--muted); font-size:6px; }.phone-chat { display:flex; flex-direction:column; gap:7px; min-height:440px; padding:15px 10px; background:radial-gradient(rgba(255,255,255,.035) .8px,transparent .8px),#10131b; background-size:17px 17px; }.phone-chat > time { align-self:center; padding:4px 7px; border-radius:999px; background:rgba(255,255,255,.08); color:var(--muted); font-size:5px; }.phone-chat article { align-self:flex-start; max-width:84%; padding:8px 8px 5px; border-radius:10px 10px 10px 3px; background:#222733; }.phone-chat article p { margin:0; color:rgba(255,255,255,.82); font-size:7px; line-height:1.55; }.phone-chat article > span { display:block; margin-top:4px; color:var(--muted-2); font-size:5px; text-align:right; }.phone-chat article div { display:grid; grid-template-columns:1fr 1fr; gap:3px; margin-top:7px; }.phone-chat article button { min-height:23px; border:0; border-radius:5px; background:rgba(42,171,238,.12); color:#64c7fa; font-size:5px; }.phone-frame footer { display:grid; grid-template-columns:28px 1fr 28px; align-items:center; min-height:45px; padding:0 8px; border-top:1px solid rgba(255,255,255,.05); color:var(--muted-2); font-size:7px; }.phone-frame footer button { border:0; background:transparent; color:#64c7fa; }

.metric-grid--analytics { grid-template-columns:repeat(4,1fr); }.analytics-grid { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr); gap:10px; }.analytics-chart,.top-products { padding:20px; }.chart-legend { display:flex; gap:14px; color:var(--muted); font-size:6px; }.chart-legend span { display:flex; align-items:center; gap:5px; }.chart-legend i { width:6px; height:6px; border-radius:50%; background:var(--yellow); }.chart-legend span:last-child i { background:var(--violet); }.bar-chart { display:flex; align-items:flex-end; justify-content:space-between; gap:10px; min-height:280px; margin-top:25px; padding:20px 10px 0; border-bottom:1px solid var(--line); background:repeating-linear-gradient(to bottom,rgba(255,255,255,.045) 0,rgba(255,255,255,.045) 1px,transparent 1px,transparent 66px); }.bar-group { display:flex; align-items:flex-end; justify-content:center; gap:4px; width:12%; height:240px; position:relative; }.bar-group i { display:block; width:13px; border-radius:4px 4px 0 0; background:linear-gradient(to top,rgba(255,210,28,.24),var(--yellow)); }.bar-group i:nth-child(2) { background:linear-gradient(to top,rgba(143,114,255,.22),var(--violet)); }.bar-group span { position:absolute; bottom:-19px; color:var(--muted-2); font-size:6px; }.top-products-list,.top-products > div:last-child { display:grid; }.top-product { display:grid; grid-template-columns:34px 1fr auto; align-items:center; gap:9px; min-height:61px; border-bottom:1px solid var(--line); }.top-product:last-child { border-bottom:0; }.top-product > span { display:grid; place-items:center; width:32px; height:32px; border-radius:9px; background:rgba(255,255,255,.045); color:var(--yellow); font-size:6px; font-weight:800; }.top-product strong,.top-product small { display:block; }.top-product strong { font-size:8px; }.top-product small { margin-top:4px; color:var(--muted-2); font-size:6px; }.top-product > b { font-size:9px; }

.event-filters { padding-bottom:15px; border-bottom:1px solid var(--line); }.event-log { display:grid; }.event-entry { display:grid; grid-template-columns:68px 34px 1fr auto; align-items:center; gap:11px; min-height:72px; border-bottom:1px solid rgba(255,255,255,.055); }.event-entry:last-child { border-bottom:0; }.event-entry time { color:var(--muted-2); font-size:6px; }.event-entry__icon { display:grid; place-items:center; width:32px; height:32px; border-radius:9px; background:rgba(var(--event-rgb),.08); color:rgb(var(--event-rgb)); }.event-entry__icon svg { width:13px; }.event-entry strong,.event-entry p { display:block; margin:0; }.event-entry strong { font-size:8px; }.event-entry p { margin-top:5px; color:var(--muted); font-size:7px; }.event-entry > span:last-child { min-width:72px; text-align:right; }.event-entry > span:last-child b,.event-entry > span:last-child small { display:block; }.event-entry > span:last-child b { color:var(--muted); font-size:6px; text-transform:uppercase; }.event-entry > span:last-child small { margin-top:4px; color:var(--muted-2); font-size:5px; }

.finance-overview { margin-bottom:10px; padding:22px; }.finance-store-list { display:grid; gap:8px; margin-top:16px; }.finance-store-card { display:grid; grid-template-columns:minmax(240px,1fr) auto auto auto; align-items:center; gap:24px; min-height:74px; padding:12px; border:1px solid var(--line); border-radius:13px; background:rgba(255,255,255,.02); }.finance-store-card > div { display:flex; align-items:center; gap:11px; }.finance-store-card strong,.finance-store-card small { display:block; }.finance-store-card strong { font-size:10px; }.finance-store-card small { margin-top:4px; color:var(--muted-2); font-size:6px; }.finance-store-card > span > strong { margin-top:5px; font-size:13px; }.finance-action-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:10px; }.withdrawal-intent-form,.withdrawal-intent-log { display:grid; gap:10px; padding:16px; border:1px solid var(--line); border-radius:13px; }.withdrawal-intent-form h3,.withdrawal-intent-log h3 { margin:5px 0; font-size:12px; }.withdrawal-intent-form p { margin:0; color:var(--muted); font-size:7px; line-height:1.5; }.withdrawal-intent-form label { display:grid; gap:5px; color:var(--muted); font-size:6px; }.withdrawal-intent-form input,.withdrawal-intent-form select { min-height:34px; padding:0 9px; border:1px solid var(--line); border-radius:8px; background:#11131a; color:var(--text); font:inherit; }.withdrawal-intent-log > div { display:grid; color:var(--muted); font-size:7px; }.withdrawal-intent-log article { display:grid; grid-template-columns:1fr auto; gap:5px; padding:9px 0; border-top:1px solid var(--line); }.withdrawal-intent-log article span { grid-column:1/3; color:var(--muted-2); }.finance-empty { padding:18px; border:1px dashed var(--line); border-radius:11px; color:var(--muted); font-size:8px; text-align:center; }.finance-guardrail { margin:12px 0 0; padding:10px 12px; border:1px solid rgba(255,210,28,.12); border-radius:9px; background:rgba(255,210,28,.035); color:var(--muted); font-size:7px; line-height:1.5; }.finance-guardrail strong { color:var(--yellow); }.current-plan { display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:30px; min-height:130px; margin-bottom:10px; padding:22px; background:radial-gradient(circle at 85% 0,rgba(255,210,28,.11),transparent 35%),rgba(13,15,20,.86); }.current-plan > div:first-child { display:flex; align-items:center; gap:16px; }.plan-orb { display:grid; place-items:center; width:62px; height:62px; border:1px solid rgba(255,210,28,.18); border-radius:17px; background:rgba(255,210,28,.08); color:var(--yellow); font-size:10px; font-weight:800; }.current-plan h2 { margin:7px 0 5px; font-size:18px; }.current-plan p { margin:0; color:var(--muted); font-size:7px; }.current-plan__price { display:flex; align-items:center; gap:14px; padding:0 28px; border-inline:1px solid var(--line); }.current-plan__price strong { font-size:25px; font-weight:550; letter-spacing:-.05em; }.current-plan__price span { color:var(--muted-2); font-size:6px; line-height:1.5; }.current-plan__price b { color:var(--muted); }.billing-grid { display:grid; grid-template-columns:1.4fr .6fr; gap:10px; }.usage-panel,.payment-method { padding:20px; }.panel-head > span { color:var(--muted-2); font-size:6px; }.usage-list { display:grid; margin-top:18px; }.usage-list article { padding:12px 0; border-top:1px solid var(--line); }.usage-list article > div { display:flex; justify-content:space-between; margin-bottom:8px; color:var(--muted); font-size:7px; }.usage-list article > div b { color:rgba(255,255,255,.62); }.usage-list article > i { display:block; height:4px; overflow:hidden; border-radius:999px; background:rgba(255,255,255,.05); }.usage-list article > i b { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--yellow),#ffe770); }.bank-card { position:relative; display:flex; min-height:155px; flex-direction:column; justify-content:space-between; margin-top:20px; padding:18px; overflow:hidden; border:1px solid rgba(255,255,255,.13); border-radius:16px; background:radial-gradient(circle at 80% 10%,rgba(143,114,255,.3),transparent 35%),linear-gradient(145deg,#20232d,#11131a); }.bank-card::after { position:absolute; right:-55px; bottom:-85px; width:170px; height:170px; border:1px solid rgba(255,255,255,.08); border-radius:50%; content:""; }.bank-card span { align-self:flex-end; font-size:10px; font-style:italic; font-weight:800; }.bank-card strong { font-size:15px; letter-spacing:.08em; }.bank-card small { color:var(--muted); font-size:7px; }

.security-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:10px; }.security-card { padding:23px; }.security-card__icon { display:grid; place-items:center; width:43px; height:43px; margin-bottom:20px; border-radius:12px; background:rgba(255,210,28,.08); color:var(--yellow); }.security-card__icon svg { width:18px; }.security-card__icon--violet { background:rgba(143,114,255,.09); color:#ad9aff; }.security-card h2 { margin:7px 0; font-size:19px; }.security-card > div:nth-child(2) > p { margin:0 0 20px; color:var(--muted); font-size:8px; line-height:1.55; }.security-row,.connection-secret { display:flex; align-items:center; justify-content:space-between; gap:15px; min-height:62px; border-top:1px solid var(--line); }.security-row strong,.security-row small { display:block; }.security-row strong { font-size:8px; }.security-row small { margin-top:5px; color:var(--muted-2); font-size:6px; }.connection-secret span { display:flex; align-items:center; gap:8px; }.connection-secret strong { font-size:8px; }.connection-secret > b { color:var(--muted-2); font-size:6px; }.danger-zone { display:flex; align-items:center; justify-content:space-between; gap:25px; min-height:120px; padding:22px; border-color:rgba(255,108,120,.12); background:rgba(255,108,120,.025); }.danger-zone h2 { margin:7px 0 5px; font-size:17px; }.danger-zone p { margin:0; color:var(--muted); font-size:7px; }.danger-zone > div:last-child { display:flex; gap:6px; }.danger-zone button { min-height:35px; padding:0 10px; border:1px solid rgba(255,108,120,.15); border-radius:9px; background:rgba(255,108,120,.04); color:#ff8b94; font-size:7px; cursor:pointer; }

.modal-backdrop { position:fixed; z-index:80; inset:0; visibility:hidden; background:rgba(0,0,0,.64); opacity:0; backdrop-filter:blur(8px); transition:opacity .2s,visibility .2s; }.modal-backdrop.is-open { visibility:visible; opacity:1; }.connect-modal { position:fixed; z-index:90; top:50%; left:50%; width:min(570px,calc(100% - 28px)); overflow:hidden; border:1px solid var(--line-strong); border-radius:22px; background:#101219; box-shadow:0 40px 120px rgba(0,0,0,.6); transform:translate(-50%,-48%); opacity:0; transition:opacity .2s,transform .2s; }.connect-modal.is-open { transform:translate(-50%,-50%); opacity:1; }.connect-modal header,.connect-modal footer { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:17px 19px; border-bottom:1px solid var(--line); }.connect-modal header h2 { margin:6px 0 0; font-size:20px; }.connect-modal footer { justify-content:flex-end; border-top:1px solid var(--line); border-bottom:0; }.connect-progress { display:grid; grid-template-columns:auto 1fr auto 1fr auto 1fr auto; align-items:center; gap:9px; padding:17px 22px; border-bottom:1px solid var(--line); }.connect-progress > span { display:grid; place-items:center; gap:4px; }.connect-progress b { display:grid; place-items:center; width:25px; height:25px; border:1px solid var(--line); border-radius:8px; color:var(--muted-2); font-size:6px; }.connect-progress small { color:var(--muted-2); font-size:5px; }.connect-progress span.is-active b { border-color:rgba(255,210,28,.24); background:rgba(255,210,28,.08); color:var(--yellow); }.connect-progress span.is-active small { color:rgba(255,255,255,.58); }.connect-progress > i { height:1px; background:var(--line); }.connect-modal__body { display:flex; align-items:center; flex-direction:column; padding:27px 35px; text-align:center; }.connect-illustration { position:relative; display:grid; place-items:center; width:72px; height:72px; border:1px solid rgba(255,210,28,.15); border-radius:50%; background:rgba(255,210,28,.06); color:var(--yellow); }.connect-illustration svg { width:25px; }.connect-illustration i { position:absolute; top:5px; right:5px; width:8px; height:8px; border-radius:50%; background:var(--green); box-shadow:0 0 10px rgba(112,223,160,.5); }.connect-modal__body h3 { margin:18px 0 7px; font-size:18px; }.connect-modal__body > p { max-width:450px; margin:0; color:var(--muted); font-size:8px; line-height:1.6; }.connect-modal__body ul { width:100%; margin:22px 0 0; padding:0; list-style:none; text-align:left; }.connect-modal__body li { display:flex; align-items:center; gap:9px; min-height:38px; border-top:1px solid var(--line); color:rgba(255,255,255,.63); font-size:7px; }.connect-modal__body li svg { width:13px; color:var(--green); }
.connect-progress span.is-complete b { border-color:rgba(112,223,160,.2); background:rgba(112,223,160,.07); color:var(--green); }.connect-progress span.is-complete small { color:rgba(112,223,160,.65); }.connect-illustration--success { border-color:rgba(112,223,160,.2); background:rgba(112,223,160,.07); color:var(--green); }
.connect-safe-note { margin-right:auto; color:var(--muted-2); font-size:6px; }
.connection-form { display:grid; gap:12px; width:100%; max-width:450px; margin-top:20px; text-align:left; }
.connection-form label { display:grid; gap:7px; color:var(--muted); font-size:7px; font-weight:700; }
.connection-form input { width:100%; min-height:43px; padding:0 12px; border:1px solid var(--line); border-radius:9px; outline:0; background:#090a0f; color:#fff; font:inherit; font-size:10px; }
.connection-form input:focus { border-color:rgba(255,210,28,.42); box-shadow:0 0 0 3px rgba(255,210,28,.06); }
.connection-form small { color:var(--muted-2); font-size:6px; line-height:1.5; }
.connection-store-badge { display:flex; align-items:center; gap:10px; width:100%; max-width:450px; margin-top:19px; padding:12px; border:1px solid var(--line); border-radius:11px; background:rgba(255,255,255,.025); text-align:left; }
.connection-store-badge strong,.connection-store-badge small { display:block; }
.connection-store-badge strong { font-size:9px; }
.connection-store-badge small { margin-top:4px; color:var(--muted-2); font-size:6px; }
.connection-checks { display:grid; gap:7px; width:100%; max-width:450px; margin-top:20px; }
.connection-checks span { display:flex; align-items:center; justify-content:space-between; min-height:42px; padding:0 11px; border:1px solid var(--line); border-radius:9px; color:var(--muted); font-size:7px; }
.connection-checks b { color:var(--green); font-size:7px; }
.toast-region { position:fixed; z-index:120; right:20px; bottom:20px; display:grid; gap:8px; width:min(330px,calc(100% - 40px)); }.toast { display:grid; grid-template-columns:28px 1fr; align-items:center; gap:10px; min-height:56px; padding:10px 12px; border:1px solid var(--line-strong); border-radius:13px; background:rgba(17,19,26,.94); box-shadow:0 20px 60px rgba(0,0,0,.45); animation:toastIn .25s ease; backdrop-filter:blur(16px); }.toast i { display:grid; place-items:center; width:28px; height:28px; border-radius:8px; background:rgba(255,210,28,.09); color:var(--yellow); font-size:8px; font-style:normal; font-weight:800; }.toast strong,.toast span { display:block; }.toast strong { font-size:8px; }.toast span { margin-top:4px; color:var(--muted); font-size:7px; line-height:1.4; }
@keyframes toastIn { from { opacity:0; transform:translateY(8px); } }
.sidebar-backdrop { display:none; }

@media (max-width:1280px) {
  :root { --sidebar:220px; }
  .store-strip { grid-template-columns:1.2fr .8fr auto; }.store-strip__nodes { display:none; }
  .messenger { grid-template-columns:250px minmax(400px,1fr); }.buyer-panel { display:none; }
  .lot-grid,.plugin-grid { grid-template-columns:repeat(2,1fr); }
  .dashboard-grid,.dashboard-bottom { grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr); }
  .telegram-layout { grid-template-columns:1fr 1fr; }
}

@media (max-width:980px) {
  :root { --sidebar:246px; }
  .sidebar { transform:translateX(-100%); transition:transform .25s ease; }.sidebar.is-open { transform:translateX(0); }.sidebar__close { display:grid!important; }.sidebar-backdrop { position:fixed; z-index:45; inset:0; display:block; visibility:hidden; background:rgba(0,0,0,.55); opacity:0; transition:opacity .2s,visibility .2s; }.sidebar-backdrop.is-open { visibility:visible; opacity:1; }
  .workspace { margin-left:0; }.mobile-menu { display:grid; }.breadcrumb { margin-right:auto; margin-left:10px; }.system-time { display:none; }
  .metric-grid,.metric-grid--analytics { grid-template-columns:repeat(2,1fr); }.dashboard-grid,.dashboard-bottom,.analytics-grid,.billing-grid,.security-grid { grid-template-columns:1fr; }.activity-list article { min-height:58px; }
  .store-strip { grid-template-columns:1fr auto; }.store-strip__status { display:none; }
  .messenger { grid-template-columns:220px 1fr; }.telegram-layout { grid-template-columns:1fr; }.telegram-preview { min-height:620px; }
  .automation-hero { align-items:flex-start; flex-direction:column; }.automation-hero > div:last-child { width:100%; }.automation-hero > div:last-child span:first-child { border-left:0; padding-left:0; }
  .current-plan { grid-template-columns:1fr auto; }.current-plan__price { padding:0; border:0; }.current-plan > .button { grid-column:1/-1; }
  .finance-store-card { grid-template-columns:minmax(220px,1fr) auto auto; }.finance-store-card > .health-pill { grid-column:1/-1; width:max-content; }
}

@media (max-width:720px) {
  :root { --topbar:62px; --radius:17px; }
  .topbar { padding:0 14px; }.search-trigger,.topbar-profile { display:none; }
  .demo-banner { grid-template-columns:auto 1fr; margin:12px 12px 0; }.demo-banner button { grid-column:1/-1; justify-content:center; }
  .view-stack { padding:24px 12px 45px; }.view-heading,.view-heading--compact { align-items:flex-start; flex-direction:column; gap:16px; }.view-heading__actions { width:100%; flex-wrap:wrap; }.view-heading__actions .button,.view-heading > .button { flex:1; }
  .view-heading h1,.view-heading--compact h1 { font-size:39px; }.view-heading p { font-size:10px; }
  .store-strip { grid-template-columns:1fr; }.store-strip__action { width:100%; }.metric-grid,.metric-grid--analytics,.summary-row { grid-template-columns:1fr 1fr; }.metric-card { min-height:125px; }.metric-card > strong { font-size:27px; }
  .dashboard-grid,.dashboard-bottom { grid-template-columns:1fr; }.revenue-panel,.activity-panel,.orders-preview,.automation-preview { padding:15px; }.revenue-chart { min-height:200px; }.chart-area > svg { height:160px; }
  .content-toolbar,.event-filters,.plugin-toolbar { align-items:stretch; flex-direction:column; }.search-field { width:100%; }.toolbar-actions { overflow-x:auto; }.content-panel { padding:13px; }.data-table { min-width:720px; }
  .messenger { grid-template-columns:1fr; min-height:700px; }.conversation-list { display:none; }.composer { grid-template-columns:32px 1fr 34px; }.ai-compose { display:none; }.chat-message { max-width:87%; }
  .lot-grid,.plugin-grid,.automation-cards { grid-template-columns:1fr; }.automation-hero > div:last-child { grid-template-columns:1fr 1fr; }.automation-hero > div:last-child span { border-left:0; padding:10px; border-top:1px solid var(--line); }.automation-hero > div:last-child span:last-child { grid-column:1/-1; }
  .plugin-loadout { grid-template-columns:1fr; gap:18px; }.loadout-slots { flex-wrap:wrap; }.plugin-loadout > button { width:max-content; }
  .telegram-connect { padding:22px; }.telegram-connect h2 { font-size:26px; }.telegram-preview { min-height:590px; padding:18px 8px; }.phone-frame { width:298px; }
  .bar-chart { min-height:240px; }.bar-group { height:200px; }.current-plan { grid-template-columns:1fr; }.current-plan__price { justify-content:space-between; }.danger-zone { align-items:flex-start; flex-direction:column; }.danger-zone > div:last-child { width:100%; flex-direction:column; }.danger-zone button { width:100%; }
  .finance-action-grid,.finance-store-card { grid-template-columns:1fr; }.finance-store-card > .health-pill { grid-column:auto; }.finance-store-card > span:not(.health-pill) { display:flex; align-items:center; justify-content:space-between; }.finance-store-card > span > strong { margin-top:0; }
  .connect-progress { gap:5px; padding-inline:13px; }.connect-modal__body { padding-inline:20px; }
}

@media (max-width:430px) {
  .metric-grid,.metric-grid--analytics,.summary-row { grid-template-columns:1fr; }.metric-card { min-height:116px; }.summary-row article { min-height:80px; }
  .view-heading h1,.view-heading--compact h1 { font-size:35px; }
  .panel-head { align-items:flex-start; }.segmented { overflow-x:auto; max-width:100%; }
  .store-strip__identity strong { font-size:10px; }.chart-summary { margin-left:28px; }
  .automation-card { grid-template-columns:40px 1fr auto; padding:14px; }.automation-card__icon { width:39px; height:39px; }
  .telegram-preview { margin-inline:-3px; }.phone-frame { width:276px; }
  .current-plan > div:first-child { align-items:flex-start; }.plan-orb { width:52px; height:52px; flex:0 0 auto; }
}

@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
}

/* ZetSlay Clean Control v2 ------------------------------------------------- */
:root {
  --bg:#090a0f;
  --surface:#101118;
  --surface-2:#14161e;
  --surface-3:#191b25;
  --muted:rgba(247,247,243,.58);
  --muted-2:rgba(247,247,243,.36);
  --line:rgba(255,255,255,.075);
  --line-strong:rgba(255,255,255,.13);
  --sidebar:216px;
  --topbar:62px;
  --radius:14px;
}

body {
  background:radial-gradient(circle at 72% -20%,rgba(143,114,255,.055),transparent 30%),var(--bg);
  font-size:14px;
}

.sidebar {
  width:var(--sidebar);
  padding:18px 12px 12px;
  background:rgba(10,11,16,.98);
  box-shadow:none;
}
.sidebar::after { display:none; }
.sidebar__top { min-height:40px; padding:0 8px 13px; }
.brand { gap:9px; font-size:16px; letter-spacing:-.035em; }
.brand__mark { width:29px; height:29px; border-radius:8px; box-shadow:none; }
.brand small { display:block; margin-top:1px; font-size:7px; letter-spacing:.17em; }
.workspace-switcher { min-height:54px; margin:7px 0 13px; padding:8px 9px; border-radius:11px; background:rgba(255,255,255,.018); }
.workspace-switcher small { font-size:7px; }
.workspace-switcher strong { font-size:11px; }
.sidebar-nav { gap:3px; padding:0 2px 10px; scrollbar-width:none; }
.sidebar-nav::-webkit-scrollbar { display:none; }
.sidebar-nav__label { margin:16px 10px 7px; font-size:7px; letter-spacing:.13em; }
.nav-item {
  min-height:38px;
  padding:0 10px;
  border-radius:8px;
  color:rgba(255,255,255,.55);
  font-size:11px;
  font-weight:600;
}
.nav-item:hover { transform:none; background:rgba(255,255,255,.035); }
.nav-item.is-active { border-color:transparent; background:var(--yellow); color:#101015; }
.nav-item.is-active::before { display:none; }
.nav-item.is-active svg { color:#101015; }
.nav-item.is-active b { background:rgba(0,0,0,.12); color:#101015; }
.nav-item svg { width:15px; height:15px; }
.nav-item b { min-width:20px; height:18px; font-size:7px; }
.nav-item--nested { grid-template-columns:1fr auto; min-height:34px; padding-left:39px; font-size:10px; }
.nav-group { margin:0; }
.nav-group summary {
  display:grid;
  grid-template-columns:20px 1fr 14px;
  align-items:center;
  gap:10px;
  min-height:38px;
  padding:0 10px;
  border-radius:8px;
  color:rgba(255,255,255,.55);
  font-size:11px;
  font-weight:600;
  cursor:pointer;
  list-style:none;
}
.nav-group summary::-webkit-details-marker { display:none; }
.nav-group summary:hover { background:rgba(255,255,255,.035); color:#fff; }
.nav-group summary svg { width:15px; height:15px; }
.nav-group summary svg:last-child { width:12px; transition:transform .18s; }
.nav-group[open] summary svg:last-child { transform:rotate(90deg); }
.nav-group > div { display:grid; gap:2px; padding:3px 0 5px; }
.support-link { min-height:38px; font-size:10px; }
.user-card { min-height:52px; border-radius:11px; background:rgba(255,255,255,.02); }
.user-card strong { font-size:10px; }
.user-card small { font-size:7px; }

.workspace { margin-left:var(--sidebar); }
.topbar {
  height:var(--topbar);
  padding:0 24px;
  background:rgba(9,10,15,.9);
}
.topbar-context { display:flex; flex-direction:column; gap:3px; }
.topbar-context strong { font-size:12px; font-weight:700; }
.topbar-context small { color:var(--muted-2); font-size:8px; }
.prototype-chip { display:inline-flex; align-items:center; gap:7px; min-height:28px; padding:0 9px; border:1px solid var(--line); border-radius:999px; color:var(--muted); font-size:8px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }
.prototype-chip i { width:6px; height:6px; border-radius:50%; background:var(--yellow); }
.topbar-profile { height:36px; padding:0 7px 0 5px; gap:8px; border:0; background:transparent; }
.topbar-profile span { width:28px; height:28px; }
.topbar-profile strong { font-size:10px; }
.topbar-profile svg { width:11px; }

.view-stack { padding:40px 34px 72px; }
.view { width:min(1180px,100%); }
.view-heading,.view-heading--compact { align-items:center; margin-bottom:26px; }
.view-heading h1,.view-heading--compact h1 {
  margin:7px 0 8px;
  font-size:clamp(32px,3vw,42px);
  font-weight:650;
  line-height:1.05;
  letter-spacing:-.045em;
}
.view-heading p { max-width:620px; font-size:12px; line-height:1.6; }
.eyebrow,.panel-label { font-size:8px; letter-spacing:.13em; }
.button { min-height:38px; padding:0 14px; border-radius:9px; font-size:10px; }
.button--light { border-color:#fff; background:#fff; color:#111218; }
.button--light:hover { border-color:#fff; background:#f3f3f3; color:#111218; }
.button--secondary { border-color:rgba(143,114,255,.22); background:rgba(143,114,255,.1); color:#c3b7ff; }
.panel {
  border-color:var(--line);
  border-radius:var(--radius);
  background:rgba(16,17,24,.94);
  box-shadow:none;
}
.panel-head h2 { font-size:15px; }
.panel-link { font-size:9px; }

.activation-banner {
  display:grid;
  grid-template-columns:48px 1fr auto;
  align-items:center;
  gap:18px;
  min-height:104px;
  margin-bottom:16px;
  padding:20px 22px;
  overflow:hidden;
  border-color:rgba(255,210,28,.17);
  background:linear-gradient(105deg,rgba(255,210,28,.09),rgba(143,114,255,.035) 72%),var(--surface);
}
.activation-banner__icon { display:grid; place-items:center; width:48px; height:48px; border-radius:50%; background:linear-gradient(145deg,#ffd21c,#ff9945); color:#101015; }
.activation-banner__icon svg { width:21px; }
.activation-banner strong { display:block; margin-bottom:5px; font-size:17px; }
.activation-banner p { margin:0; color:var(--muted); font-size:11px; line-height:1.5; }

.shop-summary {
  display:grid;
  grid-template-columns:minmax(250px,1fr) auto 34px;
  align-items:center;
  gap:24px;
  min-height:82px;
  margin-bottom:12px;
  padding:14px 16px;
}
.shop-summary__identity { display:flex; align-items:center; gap:12px; }
.shop-summary__identity strong,.shop-summary__identity small { display:block; }
.shop-summary__identity strong { font-size:12px; }
.shop-summary__identity small { margin-top:5px; color:var(--muted-2); font-size:8px; }
.store-logo { width:42px; height:42px; border-radius:11px; font-size:9px; }
.shop-summary__metrics { display:flex; align-items:center; }
.shop-summary__metrics span { min-width:105px; padding:2px 20px; border-left:1px solid var(--line); }
.shop-summary__metrics small,.shop-summary__metrics strong { display:block; }
.shop-summary__metrics small { color:var(--muted-2); font-size:7px; text-transform:uppercase; letter-spacing:.08em; }
.shop-summary__metrics strong { margin-top:5px; font-size:13px; }
.fleet-overview { margin-bottom:12px; padding:18px; }
.fleet-capacity { color:var(--yellow); font-size:9px; font-weight:750; }
.fleet-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin-top:15px; }
.fleet-card { display:grid; gap:16px; padding:13px; border:1px solid var(--line); border-radius:12px; background:rgba(255,255,255,.015); text-align:left; cursor:pointer; transition:border-color .18s,background .18s,transform .18s; }
.fleet-card:hover { transform:translateY(-2px); border-color:var(--line-strong); }
.fleet-card.is-active { border-color:rgba(255,210,28,.24); background:linear-gradient(145deg,rgba(255,210,28,.07),rgba(255,255,255,.012)); }
.fleet-card__top { display:grid; grid-template-columns:36px 1fr 7px; align-items:center; gap:9px; }
.fleet-card__top .store-logo { width:36px; height:36px; border-radius:9px; }
.fleet-card__top strong,.fleet-card__top small { display:block; }
.fleet-card__top strong { font-size:10px; }.fleet-card__top small { margin-top:4px; overflow:hidden; color:var(--muted-2); font-size:7px; text-overflow:ellipsis; white-space:nowrap; }
.fleet-card__metrics { display:grid; grid-template-columns:repeat(3,1fr); }
.fleet-card__metrics > span { padding:0 9px; border-left:1px solid var(--line); }
.fleet-card__metrics > span:first-child { padding-left:0; border-left:0; }
.fleet-card__metrics small,.fleet-card__metrics strong { display:block; }
.fleet-card__metrics small { color:var(--muted-2); font-size:6px; text-transform:uppercase; }.fleet-card__metrics strong { margin-top:5px; font-size:11px; }
.fleet-card__footer { display:flex; align-items:center; justify-content:space-between; gap:8px; color:var(--muted); font-size:7px; }
.fleet-card__footer b { color:var(--muted-2); font-weight:600; }
.fleet-note { display:flex; align-items:center; gap:8px; margin:13px 0 0; color:var(--muted-2); font-size:7px; line-height:1.5; }.fleet-note svg { flex:0 0 auto; width:13px; color:var(--yellow); }

.status-board { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-bottom:12px; }
.status-card { min-height:178px; padding:18px; }
.status-card header { display:flex; align-items:center; gap:10px; }
.status-card header > span { display:grid; place-items:center; width:30px; height:30px; border-radius:8px; background:rgba(255,255,255,.04); color:var(--muted); }
.status-card header svg { width:14px; }
.status-card h2 { margin:0; font-size:14px; }
.status-card > p { min-height:45px; margin:20px 0 15px; color:var(--muted); font-size:10px; line-height:1.55; }
.status-card__state { display:flex; align-items:center; gap:11px; min-height:62px; margin:18px 0 9px; padding:12px; border-radius:9px; background:rgba(255,255,255,.025); }
.status-card__state > i { width:7px; height:7px; border-radius:50%; background:var(--yellow); box-shadow:0 0 11px rgba(255,210,28,.4); }
.status-card__state strong,.status-card__state small { display:block; }
.status-card__state strong { font-size:10px; }
.status-card__state small { margin-top:4px; color:var(--muted-2); font-size:8px; }
.text-action { display:flex; align-items:center; gap:5px; padding:7px 0; border:0; background:transparent; color:var(--yellow); font-size:9px; cursor:pointer; }
.text-action svg { width:12px; }
.control-actions { display:grid; gap:6px; margin-top:18px; }
.control-actions button { min-height:31px; border:1px solid var(--line); border-radius:7px; background:rgba(255,255,255,.025); color:var(--muted-2); font-size:9px; cursor:pointer; }
.control-actions button:first-child { border-color:rgba(112,223,160,.13); background:rgba(112,223,160,.045); color:rgba(112,223,160,.6); }
.control-actions button:nth-child(2) { border-color:rgba(255,108,120,.12); background:rgba(255,108,120,.035); color:rgba(255,108,120,.55); }

.setup-panel { padding:24px; }
.setup-panel__head { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; }
.setup-panel__head h2 { margin:7px 0 5px; font-size:19px; letter-spacing:-.025em; }
.setup-panel__head p { margin:0; color:var(--muted); font-size:10px; }
.setup-progress { color:var(--muted-2); font-size:9px; }
.setup-progress strong { color:#fff; font-size:20px; }
.setup-progressbar { height:3px; margin:18px 0 22px; overflow:hidden; border-radius:999px; background:rgba(255,255,255,.055); }
.setup-progressbar i { display:block; width:25%; height:100%; background:var(--yellow); }
.setup-layout { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(260px,.45fr); gap:18px; }
.setup-list { border:1px solid var(--line); border-radius:11px; overflow:hidden; }
.setup-list details { border-bottom:1px solid var(--line); background:rgba(255,255,255,.008); }
.setup-list details:last-child { border-bottom:0; }
.setup-list summary { display:grid; grid-template-columns:32px 1fr 16px; align-items:center; gap:12px; min-height:67px; padding:10px 14px; cursor:pointer; list-style:none; }
.setup-list summary::-webkit-details-marker { display:none; }
.setup-list summary > b { display:grid; place-items:center; width:27px; height:27px; border:1px solid var(--line); border-radius:50%; color:var(--muted-2); font-size:8px; }
.setup-list summary strong,.setup-list summary small { display:block; }
.setup-list summary strong { font-size:11px; }
.setup-list summary small { margin-top:4px; color:var(--muted-2); font-size:8px; }
.setup-list summary svg { width:13px; color:var(--muted-2); transition:transform .18s; }
.setup-list details[open] summary svg { transform:rotate(90deg); }
.setup-list details > div { padding:0 15px 15px 58px; }
.setup-list details > div p { margin:8px 0; color:var(--muted); font-size:9px; line-height:1.55; }
.setup-list details > div button { padding:0; border:0; background:transparent; color:var(--yellow); font-size:9px; cursor:pointer; }
.setup-note { display:flex; flex-direction:column; padding:22px; border:1px solid rgba(143,114,255,.12); border-radius:11px; background:rgba(143,114,255,.035); }
.setup-note > span { display:grid; place-items:center; width:40px; height:40px; border-radius:10px; background:rgba(143,114,255,.11); color:#b7a8ff; }
.setup-note > span svg { width:18px; }
.setup-note h3 { margin:18px 0 8px; font-size:14px; }
.setup-note p { margin:0; color:var(--muted); font-size:9px; line-height:1.65; }
.setup-note button { display:flex; align-items:center; gap:5px; margin-top:auto; padding:20px 0 0; border:0; background:transparent; color:#b7a8ff; font-size:9px; cursor:pointer; }
.setup-note button svg { width:12px; }

/* Shared clean surfaces */
.summary-row { gap:10px; margin-bottom:12px; }
.summary-row article { min-height:86px; padding:15px; border-radius:12px; background:var(--surface); }
.summary-row span { font-size:9px; }
.summary-row strong { font-size:22px; }
.summary-row small { font-size:8px; }
.metric-grid { gap:10px; margin-bottom:12px; }
.metric-card { min-height:124px; padding:17px; border-radius:12px; background:var(--surface); }
.metric-card__top > span { font-size:9px; }
.metric-card > strong { font-size:27px; }
.metric-card__footer { font-size:8px; }
.content-panel { padding:16px; }
.search-field { min-height:38px; border-radius:8px; }
.search-field input { font-size:10px; }
.filter-button { min-height:38px; font-size:9px; }
.segmented button { min-height:28px; padding:0 10px; font-size:8px; }
.data-table th { font-size:7px; }
.data-table td { height:52px; font-size:9px; }
.data-table td > strong { font-size:9px; }
.table-status { min-height:22px; font-size:7px; }
.table-footer { font-size:8px; }

.automation-hero { min-height:110px; padding:18px 22px; border-radius:14px; background:var(--surface); }
.automation-hero small { font-size:7px; }
.automation-hero strong { font-size:13px; }
.automation-hero p { font-size:9px; }
.automation-hero > div:last-child strong { font-size:19px; }
.automation-cards { gap:10px; }
.automation-card { border-radius:12px; background:var(--surface); }
.automation-card h3 { font-size:11px; }
.automation-card p,.automation-card__meta { font-size:8px; }
.lot-grid { gap:10px; }
.lot-card { padding:16px; border-radius:12px; background:var(--surface); }
.lot-card h3 { font-size:12px; }
.lot-card p { font-size:9px; }
.lot-card__stats span,.lot-card__bottom span,.lot-card__bottom button { font-size:8px; }

.catalog-count { display:flex; align-items:center; gap:10px; color:var(--muted-2); font-size:9px; }
.catalog-count span,.catalog-count strong { padding:8px 10px; border:1px solid var(--line); border-radius:8px; }
.catalog-count strong { color:var(--green); font-weight:650; }
.plugin-toolbar { margin-bottom:14px; padding:10px; border:1px solid var(--line); border-radius:11px; background:var(--surface); }
.plugin-grid { grid-template-columns:repeat(3,1fr); gap:12px; }
.plugin-card { min-height:210px; padding:16px; border-radius:12px; background:var(--surface); box-shadow:none; }
.plugin-card:hover { transform:translateY(-2px); border-color:rgba(255,210,28,.16); }
.plugin-card__top small { font-size:7px; }
.plugin-card h3 { margin-top:18px; font-size:13px; }
.plugin-card p { min-height:44px; font-size:9px; line-height:1.55; }
.plugin-card__bottom span,.plugin-card__bottom button { font-size:8px; }
.plugin-card.is-planned { opacity:.62; }
.plugin-card__bottom button:disabled { cursor:not-allowed; filter:saturate(.2); opacity:.6; }
.plugin-permissions { position:relative; z-index:1; display:flex; flex-wrap:wrap; gap:5px; min-height:25px; margin-top:10px; }
.plugin-permissions span { padding:4px 6px; border:1px solid var(--line); border-radius:6px; color:var(--muted-2); font-size:7px; }
.plugin-lab { margin-top:14px; padding:20px; border-radius:14px; background:var(--surface); }
.plugin-lab__heading { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding-bottom:18px; border-bottom:1px solid var(--line); }
.plugin-lab__heading h2 { margin:5px 0 6px; font-size:17px; }
.plugin-lab__heading p { margin:0; color:var(--muted); font-size:9px; }
.plugin-lab__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; padding-top:18px; }
.plugin-form { display:flex; flex-direction:column; align-items:flex-start; gap:10px; min-width:0; padding:16px; border:1px solid var(--line); border-radius:11px; background:rgba(255,255,255,.015); }
.plugin-form h3 { margin:4px 0 4px; font-size:12px; }
.plugin-form p { margin:0; color:var(--muted); font-size:8px; line-height:1.5; }
.plugin-form label { display:grid; gap:6px; width:100%; color:var(--muted); font-size:8px; }
.plugin-form textarea,.plugin-form input,.plugin-form select { width:100%; min-height:34px; padding:9px 10px; border:1px solid var(--line); border-radius:8px; outline:0; background:rgba(0,0,0,.16); color:var(--text); font:inherit; font-size:9px; }
.plugin-form textarea { min-height:72px; resize:vertical; }
.plugin-check { display:flex !important; align-items:center; gap:8px; min-height:20px; color:var(--text) !important; }
.plugin-check input { width:14px; min-height:14px; accent-color:var(--yellow); }
.quiet-hours { display:grid; gap:10px; width:100%; margin:2px 0 0; padding:12px; border:1px solid var(--line); border-radius:9px; }
.quiet-hours legend { padding:0 6px; color:var(--text); font-size:9px; font-weight:700; }
.quiet-hours textarea { min-height:58px; }
.plugin-time-grid { display:grid; grid-template-columns:1fr 1fr; gap:9px; width:100%; }
.plugin-simulation-output { display:block; width:100%; min-height:34px; padding:9px 10px; border:1px dashed var(--line); border-radius:8px; color:var(--muted-2); font-size:8px; line-height:1.5; white-space:pre-wrap; }
.plugin-audit { margin-top:14px; padding:20px; border-radius:14px; background:var(--surface); }
.plugin-audit__list { display:grid; gap:0; padding-top:14px; color:var(--muted-2); font-size:8px; }
.plugin-audit__entry { display:grid; grid-template-columns:100px 1fr auto; align-items:center; gap:12px; min-height:46px; padding:8px 0; border-bottom:1px solid var(--line); }
.plugin-audit__entry:last-child { border-bottom:0; }
.plugin-audit__entry time { color:var(--muted-2); font-size:7px; }
.plugin-audit__entry strong { font-size:9px; }
.plugin-audit__entry span { color:var(--muted); font-size:8px; }

.telegram-layout { gap:12px; }
.telegram-connect { padding:28px; }
.telegram-connect h2 { font-size:28px; }
.telegram-connect > p { font-size:11px; }
.telegram-connect li strong { font-size:10px; }
.telegram-connect li small { font-size:8px; }
.telegram-preview { min-height:640px; background:var(--surface); }

.current-plan { min-height:120px; padding:20px; background:var(--surface); }
.current-plan h2 { font-size:17px; }
.current-plan p { font-size:9px; }
.current-plan__price span { font-size:8px; }
.usage-panel,.payment-method { padding:20px; }
.usage-list article > div { font-size:9px; }
.security-card { padding:22px; }
.security-card h2 { font-size:18px; }
.security-card > div:nth-child(2) > p { font-size:10px; }
.security-row strong,.connection-secret strong { font-size:10px; }
.security-row small,.connection-secret > b { font-size:8px; }
.danger-zone h2 { font-size:16px; }
.danger-zone p,.danger-zone button { font-size:9px; }
.event-entry { min-height:68px; }
.event-entry time { font-size:8px; }
.event-entry strong { font-size:10px; }
.event-entry p { font-size:9px; }
.event-entry > span:last-child b { font-size:7px; }

/* Knowledge base */
.guide-heading { margin:4px 0 28px; text-align:center; }
.guide-heading h1 { margin:7px 0 8px; font-size:40px; letter-spacing:-.045em; }
.guide-heading p { margin:0; color:var(--muted); font-size:11px; }
.guide-tabs { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:0 auto 16px; }
.guide-tabs button { display:grid; grid-template-columns:38px 1fr; grid-template-rows:auto auto; align-items:center; column-gap:11px; min-height:68px; padding:11px 14px; border:1px solid var(--line); border-radius:11px; background:var(--surface); color:var(--muted); text-align:left; cursor:pointer; }
.guide-tabs button > span { grid-row:1/3; display:grid; place-items:center; width:38px; height:38px; border-radius:9px; background:rgba(255,255,255,.04); }
.guide-tabs button svg { width:16px; }
.guide-tabs button strong { align-self:end; font-size:10px; }
.guide-tabs button small { align-self:start; margin-top:3px; color:var(--muted-2); font-size:8px; }
.guide-tabs button.is-active { border-color:var(--yellow); background:var(--yellow); color:#101015; }
.guide-tabs button.is-active > span { background:rgba(0,0,0,.1); }
.guide-tabs button.is-active small { color:rgba(0,0,0,.55); }
.guide-card { width:min(860px,100%); margin:0 auto; padding:22px; }
.guide-card > header { display:flex; align-items:flex-start; gap:14px; padding-bottom:18px; border-bottom:1px solid var(--line); }
.guide-card > header > span { display:grid; place-items:center; flex:0 0 auto; width:42px; height:42px; border-radius:10px; background:rgba(255,210,28,.075); color:var(--yellow); }
.guide-card > header svg { width:18px; }
.guide-card h2 { margin:2px 0 6px; font-size:18px; }
.guide-card header p { margin:0; color:var(--muted); font-size:9px; line-height:1.5; }
.device-tabs { display:flex; gap:5px; margin:18px 0 8px; }
.device-tabs button { min-height:31px; padding:0 11px; border:1px solid var(--line); border-radius:7px; background:transparent; color:var(--muted); font-size:8px; }
.device-tabs button.is-active { border-color:rgba(255,210,28,.22); background:rgba(255,210,28,.07); color:var(--yellow); }
.instruction-list { display:grid; gap:9px; margin:0; padding:0; list-style:none; }
.instruction-list li { display:grid; grid-template-columns:32px 1fr; gap:12px; min-height:92px; padding:17px; border:1px solid var(--line); border-radius:10px; background:rgba(7,8,13,.42); }
.instruction-list li > b { display:grid; place-items:center; width:28px; height:28px; border-radius:50%; background:var(--yellow); color:#101015; font-size:8px; }
.instruction-list strong { font-size:11px; }
.instruction-list p { margin:7px 0 0; color:var(--muted); font-size:9px; line-height:1.6; }
.guide-warning { display:flex; gap:11px; margin:12px 0; padding:14px; border:1px solid rgba(255,108,120,.15); border-radius:10px; background:rgba(255,108,120,.045); }
.guide-warning > span { color:var(--red); }
.guide-warning svg { width:17px; }
.guide-warning strong { font-size:10px; }
.guide-warning p { margin:5px 0 0; color:var(--muted); font-size:8px; line-height:1.55; }
.guide-warning--violet { border-color:rgba(143,114,255,.15); background:rgba(143,114,255,.045); }
.guide-warning--violet > span { color:#b7a8ff; }

.connect-modal { border-radius:16px; background:#11131a; }
.connect-modal header h2 { font-size:18px; }
.connect-modal__body > p { font-size:9px; }
.connect-modal__body li { font-size:8px; }
.auth-backdrop { position:fixed; z-index:94; inset:0; visibility:hidden; background:rgba(0,0,0,.7); opacity:0; backdrop-filter:blur(10px); transition:.2s; }
.auth-backdrop.is-open { visibility:visible; opacity:1; }
.auth-modal { position:fixed; z-index:95; top:50%; left:50%; width:min(430px,calc(100% - 28px)); padding:30px; border:1px solid var(--line-strong); border-radius:18px; background:#11131a; box-shadow:0 36px 110px rgba(0,0,0,.64); transform:translate(-50%,-47%); opacity:0; transition:.2s; }
.auth-modal.is-open { transform:translate(-50%,-50%); opacity:1; }
.auth-modal__close { position:absolute; top:14px; right:14px; }
.auth-modal__brand { display:flex; align-items:center; gap:9px; margin-bottom:25px; font-size:15px; }
.auth-modal h2 { margin:8px 0; font-size:26px; letter-spacing:-.04em; }
.auth-modal > p { margin:0; color:var(--muted); font-size:10px; line-height:1.6; }
.auth-tabs { display:grid; grid-template-columns:1fr 1fr; gap:4px; margin:22px 0 16px; padding:4px; border-radius:10px; background:rgba(255,255,255,.035); }
.auth-tabs button { min-height:34px; border:0; border-radius:7px; background:transparent; color:var(--muted); font:inherit; font-size:9px; cursor:pointer; }
.auth-tabs button.is-active { background:rgba(255,255,255,.08); color:#fff; }
.auth-form { display:grid; gap:12px; }
.auth-form label { display:grid; gap:7px; color:var(--muted); font-size:8px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }
.auth-form input { width:100%; min-height:43px; padding:0 12px; border:1px solid var(--line); border-radius:9px; outline:0; background:#090a0f; color:#fff; font:inherit; font-size:10px; text-transform:none; letter-spacing:0; }
.auth-form input:focus { border-color:rgba(255,210,28,.45); box-shadow:0 0 0 3px rgba(255,210,28,.06); }
.auth-message { min-height:18px; color:var(--muted); font-size:9px; line-height:1.5; }
.auth-message.is-error { color:var(--red); }
.auth-message.is-success { color:var(--green); }
.auth-session { align-items:center; grid-template-columns:42px 1fr auto; gap:12px; padding:14px; border:1px solid var(--line); border-radius:11px; background:rgba(112,223,160,.035); }
.auth-session:not([hidden]) { display:grid; }
.auth-session__avatar { display:grid; place-items:center; width:42px; height:42px; border-radius:10px; background:var(--yellow); color:#111218; font-size:10px; font-weight:800; }
.auth-session strong,.auth-session small { display:block; }
.auth-session strong { font-size:10px; }
.auth-session small { margin-top:4px; color:var(--muted-2); font-size:8px; }
.auth-api-state { display:block; margin-top:16px; color:var(--muted-2); font-size:7px; text-align:center; }
.auth-api-state b { color:var(--yellow); }
.toast strong { font-size:9px; }
.toast span { font-size:8px; }

@media (max-width:1080px) {
  :root { --sidebar:206px; }
  .view-stack { padding-inline:24px; }
  .status-board { grid-template-columns:1fr 1fr; }
  .status-card:last-child { grid-column:1/-1; }
  .plugin-grid { grid-template-columns:repeat(2,1fr); }
  .plugin-lab__grid { grid-template-columns:1fr; }
  .shop-summary__metrics span { min-width:90px; padding-inline:14px; }
}

@media (max-width:980px) {
  :root { --sidebar:246px; }
  .workspace { margin-left:0; }
  .topbar-context { margin-right:auto; margin-left:10px; }
  .setup-layout { grid-template-columns:1fr; }
  .setup-note button { margin-top:16px; }
}

@media (max-width:720px) {
  .topbar { padding-inline:12px; }
  .topbar-profile strong,.prototype-chip { display:none; }
  .view-stack { padding:28px 12px 50px; }
  .view-heading,.view-heading--compact { align-items:flex-start; gap:15px; }
  .view-heading h1,.view-heading--compact h1 { font-size:32px; }
  .activation-banner { grid-template-columns:42px 1fr; padding:17px; }
  .activation-banner__icon { width:42px; height:42px; }
  .activation-banner .button { grid-column:1/-1; width:100%; }
  .shop-summary { grid-template-columns:1fr auto; gap:14px; }
  .shop-summary__metrics { grid-column:1/-1; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); padding-top:12px; }
  .shop-summary__metrics span { min-width:0; padding:0 10px; }
  .shop-summary__metrics span:first-child { border-left:0; padding-left:0; }
  .status-board { grid-template-columns:1fr; }
  .status-card:last-child { grid-column:auto; }
  .setup-panel { padding:17px; }
  .setup-panel__head { align-items:flex-start; }
  .setup-list summary { grid-template-columns:30px 1fr 14px; padding-inline:11px; }
  .setup-list details > div { padding-left:53px; }
  .plugin-grid { grid-template-columns:1fr; }
  .plugin-lab__heading { align-items:flex-start; flex-direction:column; }
  .catalog-count { display:none; }
  .guide-heading { text-align:left; }
  .guide-heading h1 { font-size:34px; }
  .guide-tabs { grid-template-columns:1fr; }
  .guide-card { padding:16px; }
}

@media (max-width:430px) {
  .auth-modal { padding:24px 18px; }
  .shop-summary__metrics { grid-template-columns:1fr 1fr; row-gap:12px; }
  .shop-summary__metrics span:nth-child(3) { display:none; }
  .setup-panel__head { flex-direction:column; gap:10px; }
  .setup-list summary small { display:none; }
  .guide-tabs button { min-height:62px; }
}

@media (max-width:1000px) {
  .fleet-grid { grid-template-columns:1fr 1fr; }
}

@media (max-width:620px) {
  .fleet-grid { grid-template-columns:1fr; }
  .fleet-card__metrics { grid-template-columns:repeat(3,1fr); }
}

/* ZetSlay refresh: calm SaaS workspace */
::-webkit-scrollbar-track { background:#f2f3f8; }
::-webkit-scrollbar-thumb { border-color:#f2f3f8; background:#cdd1df; }
.sidebar { background:rgba(255,255,255,.94); box-shadow:none; }
.sidebar::after { display:none; }
.brand { color:#20243a; }
.brand__mark { background:#5d5ce2; box-shadow:none; }
.brand__mark::after { border-color:#fff; }
.brand small,.sidebar-nav__label { color:#9ba1b2; }
.workspace-switcher,.store-switcher-panel,.user-card { background:#fff; box-shadow:0 8px 22px rgba(33,39,77,.035); }
.workspace-switcher:hover { border-color:#c8ccf7; background:#fafaff; }
.workspace-switcher__avatar,.store-mini-logo { background:#eeefff; color:#5d5ce2; }
.store-switcher-panel { background:#fff; box-shadow:0 18px 48px rgba(26,33,74,.14); }
.store-switcher-panel > button { color:#5d5ce2; }
.store-switcher-panel button:hover,.store-switcher-panel button.is-active { border-color:#e0e1ff; background:#f5f5ff; }
.nav-item { color:#676d83; }
.nav-item:hover { color:#262b40; background:#f6f6fb; transform:none; }
.nav-item.is-active { border-color:transparent; background:#ececff; color:#4b49ce; }
.nav-item.is-active::before { display:none; }
.nav-item.is-active svg { color:#5d5ce2; }
.nav-item b { background:#eef0f7; color:#6f7588; }
.nav-item b.nav-item__alert { background:#eeeefe; color:#5d5ce2; }
.support-link { color:#6e7488; }.support-link:hover { background:#f6f6fb; color:#252a3d; }
.user-card__avatar,.topbar-profile span { background:#ececff; color:#5d5ce2; }
.icon-button { background:#fff; color:#6f7588; }.icon-button:hover { border-color:#cfd3e2; background:#f8f8fc; color:#262a3a; }
.workspace { background:transparent; }
.topbar { border-bottom-color:var(--line); background:rgba(247,247,251,.86); }
.topbar-context strong { color:#292e43; }.topbar-context small { color:var(--muted-2); }
.prototype-chip { border-color:#dfdefc; background:#f1f1ff; color:#5d5ce2; }
.notification-button b { border-color:var(--bg); background:#5d5ce2; }
.topbar-profile { border-color:var(--line); background:#fff; color:#33394e; }
.view-stack { padding-top:38px; }
.view-heading h1 { color:#22273a; font-weight:700; line-height:1.02; }
.view-heading h1 span { color:#5d5ce2; }.view-heading p { color:#72788d; }
.eyebrow,.panel-label { color:#6c6bda; }
.button { border-color:#e0e3ec; background:#fff; color:#4a5064; box-shadow:none; }
.button:hover { border-color:#c3c6f2; background:#f7f7ff; }
.button--primary { border-color:#5d5ce2; background:#5d5ce2; color:#fff; }
.button--primary:hover { border-color:#4f4ecb; background:#4f4ecb; }
.button--ghost { background:#fff; }.button--danger { border-color:#f0d9dc; color:#bf394a; background:#fff8f8; }
.panel { border-color:var(--line); background:#fff; box-shadow:0 11px 30px rgba(27,35,72,.045); }
.view-heading--compact h1,.guide-heading h1 { font-weight:700; }
.health-pill { border-color:#e0e3ec; background:#fff; color:#70768a; }
.health-pill--waiting { border-color:#deddf9; background:#f5f5ff; color:#5d5ce2; }.health-pill--waiting i { background:#5d5ce2; box-shadow:none; }
.health-pill--active { border-color:#dcefe8; background:#f3fbf7; color:#188a60; }.health-pill--active i { background:#189b68; box-shadow:none; }
.content-panel,.analytics-chart,.top-products,.messenger,.telegram-connect,.telegram-preview,.security-card,.current-plan { background:#fff; }
.search-field,.filter-button,.segmented,.data-table-wrap,.lot-card,.plugin-card,.automation-card { border-color:var(--line); background:#fff; }
.search-field input,.auth-form input { background:#fff; color:#24293b; }
.data-table th { color:#9a9fb0; }.data-table td { color:#4f5568; border-color:var(--line); }
.data-table td strong { color:#272c3e; }

.zen-heading { align-items:flex-end; margin-bottom:30px; }
.zen-heading h1 { max-width:760px; font-size:clamp(42px,4vw,62px); }
.zen-heading p { max-width:560px; }
.focus-store { display:grid; grid-template-columns:minmax(260px,1fr) auto auto; align-items:center; gap:32px; padding:22px 24px; margin-bottom:34px; border-color:#e2e3fb; background:linear-gradient(118deg,#fff 10%,#f4f4ff 100%); }
.focus-store__identity { display:flex; align-items:center; gap:13px; }
.focus-store__identity strong,.focus-store__identity small { display:block; }.focus-store__identity strong { margin-top:4px; color:#252a3d; font-size:17px; letter-spacing:-.035em; }.focus-store__identity small { margin-top:4px; color:#747a8e; font-size:8px; }
.store-logo { border-color:#dedfff; background:#5d5ce2; color:#fff; }
.focus-store__metrics { display:grid; grid-template-columns:repeat(3,minmax(80px,1fr)); gap:27px; }
.focus-store__metrics small,.focus-store__metrics strong { display:block; }.focus-store__metrics small { color:#858b9e; font-size:7px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.focus-store__metrics strong { margin-top:5px; color:#2b3042; font-size:15px; }
.simple-section { margin-bottom:34px; }
.section-intro { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:15px; }.section-intro h2 { margin:6px 0 0; color:#292e42; font-size:22px; letter-spacing:-.04em; }
.fleet-capacity { border:0; background:#ececff; color:#5958cf; }
.fleet-grid { gap:12px; }.fleet-card { border-color:var(--line); background:#fff; box-shadow:none; }.fleet-card:hover,.fleet-card.is-active { border-color:#cfd1f6; background:#fafaff; transform:none; }.fleet-card.is-active::after { background:#5d5ce2; }.fleet-card__top strong { color:#2b3042; }.fleet-card__top small,.fleet-card__metrics small { color:#8b90a0; }.fleet-card__metrics { border-color:var(--line); }.fleet-card__metrics strong { color:#444a5e; }.fleet-note { display:none; }
.inline-action { display:flex; align-items:center; gap:7px; margin-top:14px; padding:0; border:0; background:transparent; color:#5d5ce2; font-size:9px; font-weight:800; cursor:pointer; }.inline-action svg { width:14px; }
.start-grid { display:grid; grid-template-columns:1.18fr 1fr 1fr; gap:12px; }
.start-card { display:grid; grid-template-columns:38px 1fr; gap:14px; min-height:225px; padding:22px; border:1px solid var(--line); border-radius:17px; background:#fff; box-shadow:0 9px 25px rgba(28,35,75,.035); }
.start-card--accent { border-color:#dddcfb; background:linear-gradient(145deg,#fdfdff,#f0f0ff); }.start-card__icon { display:grid; place-items:center; width:38px; height:38px; border-radius:11px; background:#f0f0ff; color:#5d5ce2; }.start-card__icon svg { width:18px; }.start-card h2 { margin:8px 0 7px; color:#2a2f43; font-size:17px; letter-spacing:-.04em; }.start-card p { margin:0; color:#70768a; font-size:9px; line-height:1.6; }.start-card .button,.start-card .text-action { align-self:end; grid-column:1/-1; }
.text-action { color:#5d5ce2; }.text-action:hover { color:#4f4ecb; }
.connect-modal,.auth-modal { border-color:#e0e3ed; background:#fff; box-shadow:0 30px 95px rgba(22,28,62,.24); }.connect-modal__body h3,.auth-modal h2 { color:#252a3c; }.connect-modal__body > p,.auth-modal > p { color:#757b8f; }.connect-modal__body li { color:#666d80; border-color:var(--line); }.auth-tabs { background:#f2f3f8; }.auth-tabs button.is-active { background:#fff; color:#34394d; }.auth-form input:focus { border-color:#aaa9ef; box-shadow:0 0 0 3px rgba(93,92,226,.09); }.auth-api-state b { color:#5d5ce2; }

@media (max-width:980px) { .focus-store { grid-template-columns:1fr auto; }.focus-store__metrics { grid-column:1/-1; grid-row:2; }.start-grid { grid-template-columns:1fr; }.start-card { min-height:180px; } }
@media (max-width:720px) { .zen-heading h1 { font-size:38px; }.focus-store { grid-template-columns:1fr; gap:18px; padding:20px; }.focus-store__metrics { grid-template-columns:repeat(3,1fr); gap:10px; }.focus-store .button { width:100%; }.section-intro { align-items:flex-start; }.start-grid { gap:10px; }.start-card { min-height:165px; } }

/* Unified public-site authentication */
.auth-backdrop { background:rgba(244,244,250,.92); backdrop-filter:blur(16px); }
.auth-modal {
  display:grid;
  grid-template-columns:minmax(320px,.9fr) minmax(390px,1.1fr);
  width:min(930px,calc(100% - 40px));
  max-height:calc(100vh - 40px);
  padding:0;
  overflow:auto;
  border-color:#e2e2ee;
  border-radius:26px;
  background:#fff;
  box-shadow:0 34px 110px rgba(35,32,78,.18);
}
.auth-modal[hidden] { display:none; }
.auth-modal__brand { align-self:flex-start; margin:0; color:#fff; }
.auth-modal__brand .brand__mark { width:30px; height:30px; border-radius:9px; background:#fff; }
.auth-modal__brand .brand__mark::after { border-color:#5d5ce2; }
.auth-promo { display:flex; min-height:610px; flex-direction:column; justify-content:space-between; padding:38px; overflow:hidden; background:radial-gradient(circle at 110% 95%,rgba(255,255,255,.17),transparent 34%),linear-gradient(145deg,#6a5bea,#4e45c4); color:#fff; }
.auth-promo__copy span { color:#dcd9ff; font-size:8px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.auth-promo__copy h2 { max-width:390px; margin:16px 0 14px; color:#fff; font-size:38px; line-height:1.06; letter-spacing:-.055em; }
.auth-promo__copy p { max-width:350px; margin:0; color:#d9d6f5; font-size:11px; line-height:1.7; }
.auth-promo__points { display:grid; gap:13px; padding-top:24px; border-top:1px solid rgba(255,255,255,.16); }
.auth-promo__points span { display:flex; align-items:center; gap:10px; color:#eeecff; font-size:9px; }
.auth-promo__points i { display:grid; place-items:center; width:20px; height:20px; border-radius:50%; background:rgba(255,255,255,.13); font-size:8px; font-style:normal; }
.auth-content { position:relative; display:flex; justify-content:center; flex-direction:column; min-height:610px; padding:56px 68px; }
.auth-modal__close { position:absolute; top:22px; right:22px; display:grid; place-items:center; width:38px; height:38px; border:1px solid var(--line); border-radius:11px; background:#fff; color:#858a9c; }
.auth-modal__close:hover { border-color:#cfd1e0; color:#292e42; }
.auth-modal__close svg { width:16px; }
.auth-content h2 { margin:11px 0 8px; color:#24293c; font-size:34px; letter-spacing:-.05em; }
.auth-intro { margin:0; color:#73798c; font-size:10px; line-height:1.65; }
.auth-tabs { margin:28px 0 20px; padding:4px; border:1px solid #e9eaf1; border-radius:11px; background:#f3f4f8; }
.auth-tabs button { min-height:38px; color:#858a9c; font-size:9px; font-weight:700; }
.auth-tabs button.is-active { background:#fff; color:#30354a; box-shadow:0 3px 10px rgba(30,36,71,.07); }
.auth-form { gap:15px; }
.auth-form label { gap:8px; color:#656b7f; font-size:8px; }
.auth-form input { min-height:48px; padding:0 14px; border-color:#e1e3ec; border-radius:11px; background:#fff; color:#24293b; font-size:10px; }
.auth-form .button { min-height:48px; border-radius:11px; font-size:9px; }
.auth-message { min-height:16px; }
.auth-legal { margin:17px 0 0; color:#9a9faf; font-size:7px; line-height:1.55; text-align:center; }
.auth-api-state { margin-top:13px; }
.auth-session { margin-top:24px; border-color:#dcefe8; background:#f4fbf7; }
.auth-session__avatar { background:#5d5ce2; color:#fff; }

@media (max-width:760px) {
  .auth-modal { grid-template-columns:1fr; width:min(480px,calc(100% - 24px)); }
  .auth-promo { display:none; }
  .auth-content { min-height:570px; padding:54px 28px 34px; }
  .auth-content h2 { font-size:30px; }
}

/* ZetSlay unified dark brand theme */
:root {
  --bg:#070806;
  --surface:#11120f;
  --surface-2:#1b1e24;
  --surface-3:#202018;
  --yellow:#ffca22;
  --violet:#f39a18;
  --blue:#e8aa28;
  --green:#64d394;
  --red:#ff727c;
  --white:#f7f5eb;
  --muted:#9b998e;
  --muted-2:#6e6d65;
  --line:#292a24;
  --line-strong:#3a3b33;
}
html { background:var(--bg); color-scheme:dark; }
body { background:radial-gradient(circle at 78% -10%,rgba(255,190,28,.07),transparent 29%),var(--bg); color:var(--white); }
::-webkit-scrollbar-track { background:#090a08; }
::-webkit-scrollbar-thumb { border-color:#090a08; background:#35362f; }
.sidebar { border-color:var(--line); background:rgba(12,13,10,.96); box-shadow:20px 0 60px rgba(0,0,0,.2); }
.brand { color:#f6f4ea; }
.brand__mark { background:linear-gradient(145deg,#ffd438,#f1a60f); box-shadow:0 8px 20px rgba(255,190,20,.16); }
.brand__mark::after { border-color:#17140a; }
.brand small,.sidebar-nav__label { color:#66665f; }
.workspace-switcher,.store-switcher-panel,.user-card { border-color:var(--line); background:#11120f; box-shadow:none; }
.workspace-switcher:hover { border-color:#5b512e; background:#181811; }
.workspace-switcher__avatar,.store-mini-logo,.user-card__avatar,.topbar-profile span { background:#2a2413; color:#ffca22; }
.store-switcher-panel { background:#11120f; box-shadow:0 18px 48px rgba(0,0,0,.45); }
.store-switcher-panel > button { color:#ffca22; }
.store-switcher-panel button:hover,.store-switcher-panel button.is-active { border-color:#514727; background:#1d1b11; }
.nav-item { color:#8f8e84; }
.nav-item:hover { color:#f3f1e7; background:#1b1e24; }
.nav-item.is-active { border-color:transparent; background:#292313; color:#ffca22; }
.nav-item.is-active svg { color:#ffca22; }
.nav-item b,.nav-item b.nav-item__alert { background:#2a2413; color:#ffca22; }
.support-link { color:#89887e; }.support-link:hover { background:#1b1e24; color:#fff; }
.workspace { background:transparent; }
.topbar { border-bottom-color:var(--line); background:rgba(7,8,6,.86); }
.topbar-context strong { color:#eeece2; }.topbar-context small { color:#73736b; }
.prototype-chip { border-color:#4b4226; background:#241f10; color:#ffca22; }
.icon-button { border-color:var(--line); background:#11120f; color:#8d8c83; }
.icon-button:hover { border-color:#5a512f; background:#191910; color:#ffca22; }
.topbar-profile { border-color:var(--line); background:#11120f; color:#e4e2d8; }
.view-heading h1,.view-heading--compact h1,.guide-heading h1 { color:#f5f3e9; }
.view-heading h1 span,.eyebrow,.panel-label { color:#ffca22; }
.view-heading p { color:#99978d; }
.button { border-color:#33342d; background:#141510; color:#dfddd3; }
.button:hover { border-color:#655a32; background:#1b1a12; }
.button--primary { border-color:#ffca22; background:#ffca22; color:#17140a; }
.button--primary:hover { border-color:#efad13; background:#efad13; color:#17140a; }
.button--ghost { background:#11120f; }.button--danger { border-color:#5a2b30; color:#ff858d; background:#211113; }
.panel,.content-panel,.analytics-chart,.top-products,.messenger,.telegram-connect,.telegram-preview,.security-card,.current-plan { border-color:var(--line); background:#11120f; box-shadow:0 11px 30px rgba(0,0,0,.16); }
.focus-store { border-color:#4d4428; background:linear-gradient(118deg,#11120f 10%,#1f1c10 100%); }
.focus-store__identity strong,.focus-store__metrics strong { color:#f3f1e7; }
.focus-store__identity small,.focus-store__metrics small { color:#88877e; }
.store-logo { border-color:#665729; background:#ffca22; color:#17140a; }
.health-pill { border-color:var(--line); background:#11120f; color:#929087; }
.health-pill--waiting { border-color:#514727; background:#211d10; color:#ffca22; }
.health-pill--waiting i { background:#ffca22; box-shadow:0 0 10px rgba(255,202,34,.35); }
.health-pill--active { border-color:#284536; background:#11241a; color:#64d394; }
.search-field,.filter-button,.segmented,.data-table-wrap,.lot-card,.plugin-card,.automation-card { border-color:var(--line); background:#11120f; }
.search-field input,.auth-form input { background:#0b0c09; color:#f3f1e7; }
.data-table th { color:#6f6e67; }.data-table td { color:#aaa89e; border-color:var(--line); }.data-table td strong { color:#eeeCE2; }
.fleet-capacity { background:#2a2413; color:#ffca22; }
.fleet-card { border-color:var(--line); background:#11120f; }
.fleet-card:hover,.fleet-card.is-active { border-color:#5a502e; background:#181811; }
.fleet-card.is-active::after { background:#ffca22; }
.fleet-card__top strong,.fleet-card__metrics strong { color:#e7e5db; }
.fleet-card__top small,.fleet-card__metrics small { color:#77766e; }
.inline-action,.text-action { color:#ffca22; }.text-action:hover { color:#f2a916; }
.section-intro h2,.start-card h2 { color:#f0eee4; }
.start-card { border-color:var(--line); background:#11120f; box-shadow:0 9px 25px rgba(0,0,0,.13); }
.start-card--accent { border-color:#504728; background:linear-gradient(145deg,#15160f,#211d10); }
.start-card__icon { background:#2a2413; color:#ffca22; }
.start-card p { color:#929087; }
.connect-modal { border-color:var(--line-strong); background:#11120f; box-shadow:0 30px 95px rgba(0,0,0,.55); }
.connect-modal__body h3 { color:#f4f2e8; }.connect-modal__body > p,.connect-modal__body li { color:#99978d; }.connect-modal__body li { border-color:var(--line); }
.connection-form input { border-color:var(--line); background:#0a0b08; color:#fff; }.connection-form input:focus { border-color:#78672f; box-shadow:0 0 0 3px rgba(255,202,34,.07); }

.auth-backdrop { background:rgba(4,5,3,.9); backdrop-filter:blur(16px); }
.auth-modal { border-color:#34352e; background:#10110e; box-shadow:0 34px 110px rgba(0,0,0,.65); }
.auth-promo { background:radial-gradient(circle at 110% 95%,rgba(255,205,52,.14),transparent 36%),linear-gradient(145deg,#1b1a12,#0c0d0a); }
.auth-modal__brand { color:#fff; }
.auth-modal__brand .brand__mark { background:#ffca22; }
.auth-modal__brand .brand__mark::after { border-color:#17140a; }
.auth-promo__copy span { color:#ffca22; }
.auth-promo__copy h2 { color:#f8f6ed; }
.auth-promo__copy p,.auth-promo__points span { color:#aaa89e; }
.auth-promo__points { border-color:rgba(255,255,255,.1); }
.auth-promo__points i { background:#2a2413; color:#ffca22; }
.auth-content { background:#11120f; }
.auth-modal__close { border-color:var(--line); background:#151610; color:#8e8d84; }
.auth-modal__close:hover { border-color:#5a502e; color:#ffca22; }
.auth-content h2 { color:#f5f3e9; }
.auth-intro { color:#929087; }
.auth-tabs { border-color:#292a24; background:#0b0c09; }
.auth-tabs button { color:#77766e; }
.auth-tabs button.is-active { background:#242014; color:#ffca22; box-shadow:none; }
.auth-form label { color:#8d8c83; }
.auth-form input { border-color:#30312a; background:#0a0b08; color:#f5f3e9; }
.auth-form input:focus { border-color:#78672f; box-shadow:0 0 0 3px rgba(255,202,34,.07); }
.auth-legal { color:#65655e; }
.auth-api-state b { color:#ffca22; }
.auth-session { border-color:#2b4d3a; background:#11241a; }
.auth-session__avatar { background:#ffca22; color:#17140a; }

/* Readability and calm workspace */
:root { --sidebar:224px; --topbar:76px; }
.sidebar { padding:22px 16px 16px; }
.sidebar__top { min-height:46px; padding:0 8px 18px; }
.brand { gap:11px; font-size:16px; letter-spacing:-.035em; }
.brand__mark { width:32px; height:32px; }
.brand small { font-size:8px; letter-spacing:.12em; }
.workspace-switcher { grid-template-columns:38px 1fr 18px; min-height:64px; margin:10px 0 22px; padding:10px 11px; border-radius:14px; }
.workspace-switcher__avatar { width:38px; height:38px; font-size:10px; }
.workspace-switcher small { font-size:8px; }.workspace-switcher strong { font-size:11px; }
.sidebar-nav { gap:5px; padding:0 1px 14px; }
.nav-item { min-height:44px; padding:0 12px; border-radius:10px; font-size:12px; font-weight:650; }
.nav-item svg { width:18px; }
.nav-item.is-active { background:#188ef5; color:#fff; box-shadow:0 9px 22px rgba(24,142,245,.2); }
.nav-item.is-active svg { color:#fff; }
.nav-item b,.nav-item b.nav-item__alert { min-width:22px; padding:3px 6px; background:rgba(255,255,255,.13); color:inherit; font-size:8px; }
.nav-group summary { min-height:44px; padding:0 12px; border-radius:10px; color:#9b9a91; font-size:12px; font-weight:650; }
.nav-group summary:hover { background:#1b1e24; color:#f3f1e7; }
.nav-group summary svg { width:18px; }
.nav-group > div { margin:3px 0 5px 18px; padding-left:12px; border-left:1px solid #292a24; }
.nav-item--nested { min-height:38px; padding:0 10px; font-size:11px; }
.nav-item[data-view-target="automations"] > svg { color:#ffb52e; }
.nav-item[data-view-target="plugins"] > svg { color:#a887ff; }
.nav-item[data-view-target="billing"] > svg { color:#58d99f; }
.nav-item[data-view-target="guide"] > svg { color:#47b9ff; }
.support-link { min-height:42px; padding:0 10px; font-size:11px; }
.support-link b { font-size:8px; }
.user-card { grid-template-columns:38px 1fr 32px; min-height:60px; padding:10px; }
.user-card__avatar { width:38px; height:38px; font-size:10px; }
.user-card strong { font-size:11px; }.user-card small { margin-top:4px; font-size:8px; }
.topbar { min-height:var(--topbar); padding:0 28px; }
.topbar-context strong { font-size:13px; }.topbar-context small { margin-top:4px; font-size:8px; }
.prototype-chip { padding:7px 10px; font-size:8px; }
.topbar-profile { min-height:42px; padding:0 10px; font-size:10px; }
.view-stack { width:100%; max-width:1220px; margin:0 auto; padding:52px 42px 80px; }
.view-heading { margin-bottom:34px; }
.view-heading h1 { font-size:42px; letter-spacing:-.05em; }
.view-heading p { margin-top:12px; font-size:13px; line-height:1.65; }
.zen-heading h1 { max-width:720px; font-size:52px; line-height:1.02; }
.zen-heading p { max-width:620px; font-size:14px; }
.eyebrow,.panel-label { font-size:9px; letter-spacing:.1em; }
.button { min-height:44px; padding:0 16px; border-radius:11px; font-size:11px; }
.button svg { width:17px; }
.focus-store { min-height:124px; gap:34px; margin-bottom:42px; padding:25px 27px; border-radius:18px; }
.focus-store__identity strong { margin-top:6px; font-size:19px; }.focus-store__identity small { margin-top:6px; font-size:10px; }
.store-logo { width:50px; height:50px; border-radius:14px; font-size:11px; }
.focus-store__metrics { gap:34px; }
.focus-store__metrics small { font-size:9px; }.focus-store__metrics strong { margin-top:8px; font-size:20px; }
.focus-store__metrics span:nth-child(1) strong { color:#64d394; }
.focus-store__metrics span:nth-child(2) strong { color:#55b7ff; }
.focus-store__metrics span:nth-child(3) strong { color:#ae8dff; }
.simple-section { margin-bottom:42px; }
.section-intro { margin-bottom:20px; }.section-intro h2 { margin-top:8px; font-size:25px; }
.fleet-capacity { padding:8px 11px; border-radius:999px; font-size:9px; }
.fleet-grid { gap:14px; }
.fleet-card { min-height:164px; padding:19px; border-radius:16px; }
.fleet-card__top strong { font-size:13px; }.fleet-card__top small { margin-top:5px; font-size:9px; }
.fleet-card__metrics small { font-size:8px; }.fleet-card__metrics strong { margin-top:6px; font-size:15px; }
.inline-action { margin-top:17px; font-size:11px; }
.start-grid { gap:14px; }
.start-card { min-height:232px; padding:24px; border-radius:18px; }
.start-card__icon { width:44px; height:44px; border-radius:13px; }
.start-card__icon svg { width:20px; }
.start-card h2 { margin:10px 0 9px; font-size:19px; }.start-card p { font-size:11px; line-height:1.65; }
.start-card--accent { border-color:#5a3828; background:linear-gradient(145deg,#16130f,#24150f); }
.start-card--accent .start-card__icon { background:#382015; color:#ff7d52; }
.start-card--accent .panel-label { color:#ff8a63; }
.start-card--messages { border-color:#263e55; background:linear-gradient(145deg,#11120f,#101b25); }
.start-card--messages .start-card__icon { background:#142d43; color:#4db3ff; }
.start-card--messages .panel-label,.start-card--messages .text-action { color:#55b7ff; }
.start-card--plugins { border-color:#3d315b; background:linear-gradient(145deg,#11120f,#191426); }
.start-card--plugins .start-card__icon { background:#2b2142; color:#ae8dff; }
.start-card--plugins .panel-label,.start-card--plugins .text-action { color:#ae8dff; }
.summary-row article { min-height:112px; padding:20px; }
.summary-row article span { font-size:9px; }.summary-row article strong { margin-top:10px; font-size:24px; }.summary-row article small { font-size:9px; }
.content-panel { padding:22px; }
.search-field { min-height:42px; }.search-field input { font-size:11px; }
.filter-button { min-height:40px; padding:0 13px; font-size:10px; }
.data-table th { font-size:9px; }.data-table td { font-size:11px; }.data-table td strong { font-size:12px; }
.plugin-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.plugin-card { min-height:245px; padding:22px; border-radius:17px; }
.plugin-card__top strong { font-size:10px; }.plugin-card__top small { font-size:8px; }
.plugin-card h3 { margin-top:27px; font-size:16px; }.plugin-card p { min-height:52px; font-size:10px; line-height:1.65; }
.plugin-card__bottom span,.plugin-card__bottom button { font-size:9px; }

@media (max-width:1080px) {
  :root { --sidebar:210px; }
  .view-stack { padding-inline:28px; }
  .plugin-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:720px) {
  .view-stack { padding:32px 16px 60px; }
  .zen-heading h1,.view-heading h1 { font-size:36px; }
  .focus-store__metrics small { font-size:8px; }.focus-store__metrics strong { font-size:17px; }
  .plugin-grid { grid-template-columns:1fr; }
}

/* Minimal cabinet runtime ------------------------------------------------ */
.focus-store__actions { display:flex; align-items:center; gap:8px; }
.button--danger { border-color:rgba(255,108,120,.34); background:rgba(255,108,120,.1); color:#ff8b96; }
.button--danger:hover { border-color:rgba(255,108,120,.6); background:rgba(255,108,120,.16); }
.prototype-chip.is-online { border-color:rgba(100,211,148,.2); color:#74dda3; }
.prototype-chip.is-online i { background:#64d394; box-shadow:0 0 12px rgba(100,211,148,.55); }
.content-empty,.chat-empty { display:grid; min-height:130px; place-items:center; padding:24px; color:#77796f; font-size:11px; text-align:center; }
.conversation-list .content-empty { min-height:220px; }
.composer :disabled { cursor:not-allowed; opacity:.45; }
.telegram-onboarding-form { display:grid; gap:12px; margin-top:24px; }
.telegram-onboarding-form label { display:grid; gap:8px; color:#9d9b91; font-size:9px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.telegram-onboarding-form input { width:100%; min-height:48px; padding:0 14px; border:1px solid #30312b; border-radius:11px; outline:0; background:#0d0e0b; color:#f4f2e8; font:500 12px Manrope,sans-serif; }
.telegram-onboarding-form input:focus { border-color:#47b9ff; box-shadow:0 0 0 3px rgba(71,185,255,.08); }
.telegram-link-code { margin-top:18px; padding:18px; border:1px solid rgba(71,185,255,.24); border-radius:14px; background:rgba(71,185,255,.07); }
.telegram-link-code small,.telegram-link-code strong,.telegram-link-code p { display:block; }
.telegram-link-code small { color:#8a9caf; font-size:9px; }
.telegram-link-code strong { margin-top:9px; color:#72c8ff; font-size:20px; letter-spacing:.02em; }
.telegram-link-code p { margin:8px 0 0; color:#7c8386; font-size:9px; line-height:1.55; }
.telegram-connect [data-telegram-issue-code] { margin-top:10px; }
.inline-status { margin-top:16px; color:#8d8c84; font-size:10px; line-height:1.6; }
.telegram-state-card { display:flex; align-items:center; gap:16px; padding:18px; border:1px solid #292a24; border-radius:15px; background:#10110e; }
.telegram-state-card > span { display:grid; place-items:center; width:46px; height:46px; border-radius:13px; background:rgba(71,185,255,.1); color:#55b7ff; }
.telegram-state-card svg { width:22px; }
.telegram-state-card small,.telegram-state-card strong,.telegram-state-card p { display:block; }
.telegram-state-card small { color:#77796f; font-size:8px; text-transform:uppercase; }
.telegram-state-card strong { margin-top:5px; font-size:14px; }
.telegram-state-card p { margin:5px 0 0; color:#55b7ff; font-size:10px; }
.telegram-steps { display:grid; gap:0; margin:24px 0 0; padding:0; list-style:none; }
.telegram-steps li { display:grid; grid-template-columns:38px 1fr; gap:13px; padding:16px 0; border-top:1px solid #292a24; }
.telegram-steps b { display:grid; width:32px; height:32px; place-items:center; border-radius:9px; background:#191a15; color:#55b7ff; font-size:9px; }
.telegram-steps strong,.telegram-steps small { display:block; }
.telegram-steps strong { font-size:11px; }.telegram-steps small { margin-top:5px; color:#77796f; font-size:9px; }

@media (max-width:1080px) {
  .focus-store__actions { width:100%; }
  .focus-store__actions .button { flex:1; }
}
@media (max-width:720px) {
  .focus-store__actions { flex-direction:column; }
  .focus-store__actions .button { width:100%; }
}

/* Payora-inspired retheme — neutral dark, amber accent, Inter ------------- */
:root {
  --bg:#0e1013;
  --surface:#16181d;
  --surface-2:#1b1e24;
  --surface-3:#22252c;
  --yellow:#f9b32e;
  --violet:#a78bfa;
  --blue:#60a5fa;
  --green:#34d399;
  --red:#f87171;
  --white:#f3f4f6;
  --muted:#969ca9;
  --muted-2:#646b78;
  --line:#21242d;
  --line-strong:#363b45;
}
html { background:var(--bg); }
body { background:radial-gradient(circle at 82% -12%,rgba(249,179,46,.06),transparent 32%),var(--bg); color:var(--white); font-family:Inter,Manrope,Arial,sans-serif; letter-spacing:-.011em; }
::-webkit-scrollbar-track { background:#0e1013; }
::-webkit-scrollbar-thumb { border-color:#0e1013; background:#343943; }

/* Sidebar */
.sidebar { border-color:#181a20; background:#111318; box-shadow:20px 0 60px rgba(0,0,0,.35); }
.sidebar::after { display:none; }
.brand { color:#f5f6f8; }
.brand small { display:block; margin-top:3px; color:#5c626e; font-size:8px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; }
.sidebar-nav__label { margin:18px 10px 6px; color:#555b67; font-size:9px; font-weight:700; letter-spacing:.12em; }
.nav-item { min-height:42px; padding:0 12px; border-radius:10px; color:#9aa0ac; font-size:13px; font-weight:550; }
.nav-item:hover { color:#f3f4f6; background:#1a1d22; transform:none; }
.nav-item.is-active { border-color:transparent; background:#f5f6f8; color:#101216; box-shadow:0 6px 18px rgba(0,0,0,.3); }
.nav-item.is-active::before { display:none; }
.nav-item.is-active svg { color:#101216; }
.nav-item.is-active b { background:#11131a; color:#f9b32e; }
.nav-item b { background:#23262d; color:#8b909c; font-size:8px; }
.nav-item[data-view-target="automations"] > svg,.nav-item[data-view-target="plugins"] > svg,.nav-item[data-view-target="billing"] > svg,.nav-item[data-view-target="guide"] > svg { color:inherit; }
.workspace-switcher { border-color:#262a31; background:#16181d; }
.workspace-switcher:hover { border-color:#2c303b; background:#1b1e24; }
.workspace-switcher__avatar { background:#2b2210; color:#f9b32e; }
.user-card { border-color:#262a31; background:#16181d; }
.user-card__avatar,.topbar-profile span { background:#262a31; color:#d7dae0; }
.support-card { display:grid; grid-template-columns:38px 1fr; gap:11px; padding:14px; border:1px solid #262a31; border-radius:14px; background:#16181d; }
.support-card__icon { display:grid; place-items:center; width:38px; height:38px; border-radius:11px; background:#22252c; color:#9aa0ac; }
.support-card__icon svg { width:17px; }
.support-card strong { display:block; color:#eceef2; font-size:12px; font-weight:650; }
.support-card small { display:block; margin-top:4px; color:#34d399; font-size:9px; }
.support-card__button { grid-column:1/-1; display:flex; align-items:center; justify-content:center; min-height:36px; border:1px solid #2c313a; border-radius:9px; background:#1b1e24; color:#c3c7cf; font-size:11px; font-weight:600; cursor:pointer; transition:border-color .18s,color .18s; }
.support-card__button:hover { border-color:#434954; color:#fff; }

/* Topbar */
.topbar { border-bottom-color:#181a20; background:rgba(10,11,14,.86); }
.topbar-context strong { color:#f0f1f4; }.topbar-context small { color:#5f6470; }
.balance-chip { display:flex; align-items:center; gap:9px; min-height:40px; padding:0 12px; border:1px solid #262a31; border-radius:11px; background:#16181d; }
.balance-chip > svg { width:16px; color:#646b78; }
.balance-chip small,.balance-chip strong { display:block; line-height:1.25; }
.balance-chip small { color:#5f6470; font-size:8px; font-weight:600; }
.balance-chip strong { color:#f0f1f4; font-size:11px; font-weight:700; font-variant-numeric:tabular-nums; }
.lang-switch { display:flex; gap:2px; padding:3px; border:1px solid #262a31; border-radius:11px; background:#16181d; }
.lang-switch button { min-width:34px; min-height:32px; padding:0 8px; border:0; border-radius:8px; background:transparent; color:#646b78; font-size:11px; font-weight:650; cursor:pointer; }
.lang-switch button.is-active { background:#262a31; color:#e8eaee; }
.button--light { border-color:#f5f6f8; background:#f5f6f8; color:#101216; }
.button--light:hover { border-color:#fff; background:#fff; }
.topbar-profile__meta { display:block; text-align:left; }
.topbar-profile__meta strong,.topbar-profile__meta small { display:block; line-height:1.3; }
.topbar-profile__meta strong { font-size:11px; color:#eceef2; }
.topbar-profile__meta small { font-size:8px; color:#5f6470; }
.icon-button { border-color:#262a31; background:#16181d; color:#7c828e; }
.icon-button:hover { border-color:#363b45; background:#1b1e24; color:#f3f4f6; }
.prototype-chip { border-color:#33290f; background:#1b150a; color:#f9b32e; }
.notification-button b { border-color:var(--bg); background:var(--red); }

/* Surfaces & type */
.panel,.content-panel,.analytics-chart,.top-products,.messenger,.telegram-connect,.telegram-preview,.security-card,.current-plan,.dash-hero,.dash-panel { border-color:#262a31; background:#16181d; box-shadow:0 14px 36px rgba(0,0,0,.22); }
.view-heading h1,.view-heading--compact h1,.guide-heading h1,.dash-hero h1 { color:#f5f6f8; letter-spacing:-.045em; }
.view-heading p,.dash-hero p { color:#8f94a1; }
.eyebrow,.panel-label { color:#f9b32e; }
.button { border-color:#262a33; background:#1b1e24; color:#d7dae0; }
.button:hover { border-color:#434954; background:#22252c; }
.button--primary { border-color:#f9b32e; background:#f9b32e; color:#16110a; }
.button--primary:hover { border-color:#ffc751; background:#ffc751; color:#16110a; }
.button--ghost { background:#16181d; }
.button--danger { border-color:rgba(248,113,113,.24); color:#f87171; background:rgba(248,113,113,.07); }
h1,h2,h3 { font-family:Inter,Manrope,Arial,sans-serif; }

/* Dashboard blocks */
.notice-banner { border-color:#2a2e36; background:#16181d; }
.notice-banner--neutral { background:linear-gradient(100deg,#1a1d22,#16181d 65%); }
.notice-banner--gift { border-color:#3d3013; background:linear-gradient(100deg,#191307 0%,#12100a 72%); box-shadow:0 0 0 1px rgba(249,179,46,.05),0 14px 40px rgba(0,0,0,.3); }
.notice-banner strong { color:#f5f6f8; }
.notice-banner p { color:#8f94a1; }
.notice-banner__icon { background:#262a31; color:#9aa0ac; }
.notice-banner--gift .notice-banner__icon { background:#33270c; color:#f9b32e; }
.notice-tag { background:#262a31; color:#9aa0ac; }
.notice-banner--gift .notice-tag { background:#33270c; color:#ffc751; }
.notice-dismiss { color:#646b78; }
.notice-dismiss:hover { color:#f3f4f6; }

.dash-hero { background:radial-gradient(circle at 88% -30%,rgba(249,179,46,.08),transparent 45%),#16181d; }
.quick-tile { border-color:#262a31; background:#16181d; color:#e8eaee; }
.quick-tile:hover { border-color:#363b45; background:#1b1e24; }
.quick-tile__arrow { color:#565c68; }
.quick-tile:hover .quick-tile__arrow { color:#f9b32e; }
.quick-tile__icon--amber { background:#33270c; color:#f9b32e; }
.quick-tile__icon--blue { background:#16283c; color:#60a5fa; }
.quick-tile__icon--violet { background:#251d3d; color:#a78bfa; }
.quick-tile__icon--green { background:#12291d; color:#34d399; }

.stat-card { justify-items:start; gap:0; min-height:132px; padding:20px; border-color:#262a31; background:#16181d; text-align:left; }
.stat-card > small { order:0; color:#8b909c; font-size:10px; font-weight:650; letter-spacing:.06em; text-transform:uppercase; }
.stat-card__icon { position:absolute; top:16px; right:16px; margin:0; }
.stat-card { position:relative; }
.stat-card__icon--amber { background:#33270c; color:#f9b32e; }
.stat-card__icon--blue { background:#16283c; color:#60a5fa; }
.stat-card__icon--violet { background:#251d3d; color:#a78bfa; }
.stat-card__icon--green { background:#12291d; color:#34d399; }
.stat-card strong { order:1; margin-top:auto; padding-top:26px; color:#f5f6f8; font-size:26px; font-weight:700; }
.stat-card__hint { order:2; margin-top:6px; color:#646b78; font-size:9px; }

.dash-panels--charts { grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); margin-bottom:12px; }
.dash-panel header h2 { color:#f0f1f4; }
.dash-panel header div small { display:block; margin-top:4px; color:#646b78; font-size:9px; }
.dash-panel__icon { background:#22252c; color:#9aa0ac; }
.dash-chart { margin-top:18px; }
.dash-chart svg { display:block; width:100%; height:170px; }
.dash-chart__days { display:flex; justify-content:space-between; padding:10px 6px 0; border-top:1px solid #22252c; color:#5f6470; font-size:9px; }
.dash-donut { position:relative; display:grid; place-items:center; margin:14px auto 18px; width:180px; height:180px; }
.dash-donut svg { width:180px; height:180px; }
.dash-donut__center { position:absolute; display:grid; justify-items:center; gap:3px; text-align:center; }
.dash-donut__center strong { color:#f5f6f8; font-size:26px; font-weight:700; }
.dash-donut__center small { color:#646b78; font-size:9px; }
.dash-status-legend { display:grid; gap:2px; }
.dash-status-legend > div { display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:14px; padding:8px 2px; border-top:1px solid #22252c; }
.dash-status-legend span { display:flex; align-items:center; gap:9px; color:#969ca9; font-size:10px; }
.dash-status-legend i { width:7px; height:7px; border-radius:50%; }
.dash-status-legend b { color:#e8eaee; font-size:11px; font-variant-numeric:tabular-nums; }
.dash-status-legend em { color:#646b78; font-size:10px; font-style:normal; font-variant-numeric:tabular-nums; }

.dash-list article { border-top-color:#22252c; }
.dash-list__icon { background:#22252c; color:#7c828e; }
.dash-list strong { color:#e8eaee; }
.dash-list small { color:#5f6470; }
.dash-list b { color:#f5f6f8; }
.content-empty,.chat-empty { color:#646b78; }

/* Tables, pills, inputs */
.table-status { border-color:#262a33; color:#969ca9; }
.table-status--success { border-color:rgba(52,211,153,.2); background:rgba(52,211,153,.06); color:#34d399; }
.table-status--processing { border-color:rgba(249,179,46,.2); background:rgba(249,179,46,.06); color:#f9b32e; }
.health-pill { border-color:#262a33; background:#16181d; color:#969ca9; }
.health-pill--waiting { border-color:#3d3013; background:#191307; color:#f9b32e; }
.health-pill--waiting i { background:#f9b32e; box-shadow:0 0 10px rgba(249,179,46,.4); }
.health-pill--active { border-color:rgba(52,211,153,.2); background:rgba(52,211,153,.06); color:#34d399; }
.health-pill--active i { background:#34d399; box-shadow:0 0 8px rgba(52,211,153,.45); }
.data-table th { color:#555b67; }.data-table td { color:#969ca9; border-color:#22252c; }.data-table td strong { color:#eceef2; }
.search-field,.filter-button,.segmented,.data-table-wrap { border-color:#262a31; background:#16181d; }
.search-field input { color:#f3f4f6; }
.search-field input::placeholder { color:#565c68; }
.filter-button { color:#8b909c; }
.segmented button.is-active { background:#2c313a; color:#eceef2; }
.panel-link { color:#646b78; }.panel-link:hover { color:#f9b32e; }

@media (max-width:1080px) {
  .dash-panels--charts { grid-template-columns:1fr; }
  .balance-chip small { display:none; }
}
@media (max-width:720px) {
  .dash-panels--charts { grid-template-columns:1fr; }
  .lang-switch { display:none; }
}

/* Section polish — dashboard, orders, messenger --------------------------- */
.stat-card { transition:border-color .2s,transform .2s; }
.stat-card:hover { border-color:#363b45; transform:translateY(-1px); }
.quick-tile { min-height:72px; padding:0 18px; }
.quick-tile__icon { width:40px; height:40px; border-radius:12px; }
.quick-tile span { font-size:13px; }

.avatar { display:grid; place-items:center; width:34px; height:34px; border-radius:10px; font-size:9px; font-weight:800; letter-spacing:.02em; flex:0 0 auto; }
.avatar--amber { background:#33270c; color:#f9b32e; }
.avatar--blue { background:#16283c; color:#60a5fa; }
.avatar--violet { background:#251d3d; color:#a78bfa; }
.avatar--green { background:#12291d; color:#34d399; }
.avatar--red { background:#33161c; color:#f87171; }

/* Orders */
.content-panel { padding:22px; }
.content-toolbar { gap:18px; flex-wrap:wrap; }
.content-toolbar .search-field { flex:1; min-width:240px; max-width:460px; }
.toolbar-actions { gap:10px; flex-wrap:wrap; }
.segmented button { min-height:32px; padding:0 12px; font-size:10px; }
.data-table-wrap { margin-top:18px; }
.data-table th { height:auto; padding:0 14px 12px; color:#5f6470; font-size:9px; font-weight:700; letter-spacing:.09em; }
.data-table td { height:66px; padding:0 14px; border-top-color:#22252c; }
.data-table tbody tr { transition:background .15s; }
.data-table tbody tr:hover { background:#1a1d22; }
.data-table .cell-right { text-align:right; }
.order-cell strong,.order-cell small { display:block; }
.order-cell strong { color:#f3f4f6; font-size:12px; font-weight:650; }
.order-cell small { margin-top:4px; color:#5f6470; font-size:9px; }
.product-cell i { width:30px; height:30px; border-radius:9px; background:#22252c; color:#8b909c; font-size:8px; }
.product-cell span { color:#d7dae0; font-size:11px; font-weight:550; }
.buyer-cell { display:flex; align-items:center; gap:10px; }
.buyer-cell > span:last-child { color:#c3c7cf; font-size:11px; font-weight:550; }
.order-amount { color:#f5f6f8; font-size:13px; font-weight:700; font-variant-numeric:tabular-nums; }
.table-status { gap:6px; min-height:26px; padding:0 10px; font-size:9px; }
.table-status i { width:5px; height:5px; border-radius:50%; background:currentColor; }
.source-pill { font-size:9px; gap:6px; }
.cell-muted { color:#5f6470; font-size:10px; }
.row-action { width:30px; height:30px; border-radius:9px; color:#5f6470; transition:border-color .18s,color .18s; }
.row-action:hover { border-color:rgba(249,179,46,.3); color:#f9b32e; }
.table-footer { padding-top:16px; border-top-color:#22252c; font-size:9px; }

/* Messenger */
.messenger { grid-template-columns:300px minmax(440px,1fr) 264px; min-height:700px; border-radius:18px; }
.conversation-list { border-right-color:#22252c; background:#14161b; }
.conversation-list__top { grid-template-columns:1fr; padding:16px; border-bottom-color:#22252c; }
.conversation-list__tabs { gap:4px; padding:10px 14px; border-bottom-color:#22252c; }
.conversation-list__tabs button { min-height:30px; padding:0 10px; border-radius:8px; color:#646b78; font-size:10px; font-weight:600; }
.conversation-list__tabs button.is-active { background:#262a31; color:#eceef2; }
.conversation-list__tabs b { margin-left:4px; color:#f9b32e; }
.conversation-item { grid-template-columns:40px 1fr auto; gap:11px; padding:14px 16px; border-bottom:0; border-radius:0; text-align:left; transition:background .15s; }
.conversation-item:hover { background:#191c21; }
.conversation-item.is-active { background:#1b1e24; box-shadow:inset 3px 0 #f9b32e; }
.conversation-item .chat-avatar { width:40px; height:40px; border-radius:12px; font-size:10px; }
.conversation-item strong { color:#eceef2; font-size:11px; font-weight:650; }
.conversation-item p { max-width:150px; margin-top:4px; color:#646b78; font-size:9px; }
.conversation-item__meta { display:grid; justify-items:end; gap:6px; }
.conversation-item__meta time { color:#5f6470; font-size:8px; }
.conversation-item__meta b { display:grid; place-items:center; min-width:18px; height:18px; padding:0 5px; border-radius:999px; background:#f9b32e; color:#16110a; font-size:8px; font-weight:800; }

.chat-window { background:#131519; }
.chat-header { min-height:74px; padding:0 18px; border-bottom-color:#22252c; }
.chat-header > div { gap:12px; }
.chat-header strong { color:#f3f4f6; font-size:13px; font-weight:650; }
.chat-header small { margin-top:4px; color:#5f6470; font-size:9px; }
.chat-header small i { background:#34d399; box-shadow:0 0 8px rgba(52,211,153,.5); }
.chat-avatar--header { width:42px; height:42px; border-radius:12px; font-size:11px; }
.chat-body { gap:10px; padding:24px; background-image:radial-gradient(rgba(255,255,255,.03) 1px,transparent 1px); background-size:18px 18px; }
.chat-date { padding:5px 11px; background:#1b1e24; color:#646b78; font-size:8px; font-weight:600; }
.chat-message { max-width:68%; padding:11px 13px 8px; border-color:#2a2e36; border-radius:14px 14px 14px 4px; background:#22252c; box-shadow:0 4px 14px rgba(0,0,0,.18); }
.chat-message p { color:#e3e5ea; font-size:11px; line-height:1.55; }
.chat-message time { margin-top:6px; color:#5f6470; font-size:7px; }
.chat-message--seller { border-color:rgba(249,179,46,.2); border-radius:14px 14px 4px 14px; background:rgba(249,179,46,.09); }
.chat-message--seller p { color:#f3e9d2; }
.chat-message--system { max-width:88%; border-color:#2a2440; background:rgba(167,139,250,.05); }
.chat-empty { display:grid; justify-items:center; gap:8px; align-self:center; margin:auto; text-align:center; }
.chat-empty__icon { display:grid; place-items:center; width:52px; height:52px; border-radius:16px; background:#22252c; color:#646b78; }
.chat-empty__icon svg { width:22px; }
.chat-empty strong { color:#c3c7cf; font-size:13px; font-weight:650; }
.chat-empty p { max-width:300px; margin:0; color:#646b78; font-size:10px; line-height:1.6; }
.quick-replies { gap:7px; padding:12px 16px; border-top-color:#22252c; }
.quick-replies button { min-height:32px; padding:0 12px; border-radius:999px; border-color:#2c313a; color:#969ca9; font-size:10px; font-weight:550; transition:border-color .18s,color .18s; }
.quick-replies button:hover { border-color:rgba(249,179,46,.35); color:#f9b32e; }
.composer { grid-template-columns:38px 1fr auto 40px; gap:9px; padding:14px 16px; border-top-color:#22252c; }
.composer .icon-button { width:38px; height:38px; border-radius:11px; }
.composer textarea { min-height:38px; padding:11px 12px; border-color:#2c313a; border-radius:11px; background:#16181d; font-size:11px; }
.composer textarea:focus { border-color:rgba(249,179,46,.35); }
.ai-compose { min-height:38px; padding:0 12px; border-color:#2a2440; border-radius:11px; background:rgba(167,139,250,.07); color:#a78bfa; font-size:10px; font-weight:650; }
.send-button { width:40px; height:38px; border-radius:11px; background:#f9b32e; color:#16110a; }
.send-button:hover { background:#ffc751; }

.buyer-panel { padding:22px 18px; border-left-color:#22252c; background:#14161b; }
.buyer-profile { margin:22px 0; }
.buyer-profile strong { color:#f0f1f4; font-size:13px; font-weight:650; }
.buyer-profile small { color:#5f6470; font-size:9px; }
.chat-avatar--large { width:64px; height:64px; border-radius:18px; font-size:14px; }
.buyer-stats { border-color:#22252c; }
.buyer-stats small { color:#5f6470; font-size:8px; text-transform:uppercase; letter-spacing:.06em; }
.buyer-stats strong { color:#f3f4f6; font-size:15px; }
.current-order { border-color:#2a2e36; border-radius:13px; background:#16181d; }
.current-order small { color:#5f6470; font-size:8px; text-transform:uppercase; letter-spacing:.06em; }
.current-order strong { color:#e8eaee; font-size:11px; }
.current-order span { color:#f9b32e; font-size:15px; font-weight:700; }
.current-order div { color:#969ca9; font-size:9px; }
.current-order div i { background:#f9b32e; box-shadow:0 0 8px rgba(249,179,46,.4); }

@media (max-width:1280px) {
  .messenger { grid-template-columns:270px minmax(380px,1fr); }
}
@media (max-width:720px) {
  .messenger { grid-template-columns:1fr; }
  .conversation-list { border-right:0; border-bottom:1px solid #1b1e26; max-height:340px; overflow-y:auto; }
}

/* Telegram bot card */
.telegram-layout { display:grid; grid-template-columns:minmax(340px,.9fr) minmax(420px,1.1fr); gap:12px; }
.tg-bot { padding:22px; }
.tg-bot__head { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:14px; }
.tg-bot__avatar { display:grid; place-items:center; width:58px; height:58px; border-radius:16px; background:#1e2230; color:#f9b32e; font-size:22px; font-weight:800; }
.tg-bot__avatar--on { background:linear-gradient(145deg,#ffd438,#efa913); color:#17140a; box-shadow:0 10px 26px rgba(249,179,46,.18); }
.tg-bot__label { display:block; color:#646b78; font-size:8px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.tg-bot__name { display:block; margin-top:6px; color:#f5f3e9; font-size:18px; font-weight:700; letter-spacing:-.02em; }
.tg-bot__meta { display:block; margin-top:5px; color:#8f94a1; font-size:9px; }
.tg-bot__status { padding:6px 10px; border:1px solid #262a31; border-radius:999px; color:#8f94a1; font-size:8px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.tg-bot__status--wait { border-color:#3d3013; color:#f9b32e; background:#1b1508; }
.tg-bot__status--on { border-color:rgba(52,211,153,.3); color:#34d399; background:rgba(52,211,153,.06); }
.tg-progress { display:flex; align-items:center; gap:10px; margin-top:22px; padding:14px 0; border-top:1px solid #1e2127; }
.tg-progress__step { display:grid; place-items:center; gap:6px; color:#646b78; font-size:9px; text-align:center; }
.tg-progress__step b { display:grid; place-items:center; width:24px; height:24px; border:1px solid #262a31; border-radius:8px; background:#16181c; color:#8f94a1; font-size:10px; }
.tg-progress__step.is-active b { border-color:rgba(249,179,46,.5); color:#f9b32e; }
.tg-progress__step.is-done b { border-color:rgba(52,211,153,.4); background:rgba(52,211,153,.08); color:#34d399; font-size:11px; }
.tg-progress__line { flex:1; height:1px; background:#262a31; }
.tg-hint { margin-top:8px; color:#8f94a1; font-size:10px; line-height:1.6; }
.tg-connect { padding:24px; }
.tg-form { display:grid; gap:12px; margin-top:18px; }
.tg-form label { display:grid; gap:8px; color:#9b99a1; font-size:9px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.tg-form input { width:100%; min-height:48px; padding:0 14px; border:1px solid #2b2f38; border-radius:12px; outline:0; background:#0c0e11; color:#f3f4f6; font:500 12px Inter,sans-serif; }
.tg-form input:focus { border-color:rgba(249,179,46,.4); box-shadow:0 0 0 3px rgba(249,179,46,.07); }
.tg-note { margin:0; color:#646b78; font-size:9px; line-height:1.6; }
.tg-token-status { min-height:16px; color:#646b78; font-size:9px; }
.tg-token-status--ok { color:#34d399; }
.tg-token-status--fail { color:#ff7d52; }
.tg-link { display:grid; gap:12px; margin-top:18px; padding:16px; border:1px solid #3d3013; border-radius:14px; background:#1b1508; }
.tg-link__code { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.tg-link__code strong { color:#ffd75e; font-size:22px; letter-spacing:.02em; font-variant-numeric:tabular-nums; }
.tg-copy { display:grid; place-items:center; width:34px; height:34px; border:1px solid #3d3013; border-radius:10px; background:#16181c; color:#f9b32e; cursor:pointer; }
.tg-copy svg { width:16px; }
.tg-waiting { display:flex; align-items:center; gap:9px; color:#8f94a1; font-size:10px; }
.tg-waiting i { width:7px; height:7px; border-radius:50%; background:#f9b32e; box-shadow:0 0 10px rgba(249,179,46,.5); animation:tgPulse 1.6s ease infinite; }
@keyframes tgPulse { 0%,100% { opacity:1; } 50% { opacity:.25; } }
.tg-new-code { justify-self:start; padding:0; border:0; background:transparent; color:#f9b32e; font-size:10px; cursor:pointer; }
.tg-new-code:hover { color:#f2a916; }
.tg-done { display:grid; justify-items:center; gap:6px; padding:26px 20px; border:1px solid rgba(52,211,153,.24); border-radius:14px; background:rgba(52,211,153,.05); text-align:center; }
.tg-done__icon { display:grid; place-items:center; width:46px; height:46px; border-radius:50%; background:rgba(52,211,153,.12); color:#34d399; }
.tg-done h3 { margin:6px 0 0; color:#e9f6ef; font-size:17px; }
.tg-done p { max-width:380px; margin:0; color:#8fb3a2; font-size:10px; line-height:1.6; }
.tg-done .text-action { margin-top:8px; }
@media (max-width:1080px) { .telegram-layout { grid-template-columns:1fr; } }
.auth-divider { display:flex; align-items:center; gap:12px; margin:18px 0 12px; color:#565c68; font-size:10px; }
.auth-divider::before,.auth-divider::after { flex:1; height:1px; background:#2a2e36; content:""; }
.button--telegram { border-color:#21374d; background:rgba(96,165,250,.1); color:#7db5f8; }
.button--telegram:hover { border-color:rgba(96,165,250,.45); background:rgba(96,165,250,.16); color:#9cc7ff; }
.telegram-login-status { margin-top:14px; padding:14px; border:1px solid #21374d; border-radius:12px; background:rgba(96,165,250,.06); }
.telegram-login-status strong { display:block; color:#dcebfb; font-size:11px; }
.telegram-login-status p { margin:6px 0 8px; color:#8fa8c2; font-size:9px; line-height:1.55; }
.telegram-login-status a { color:#7db5f8; font-size:9px; text-decoration:underline; }

/* Plugin catalog with covers ---------------------------------------------- */
.cat-pills { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:14px; }
.cat-pills button { display:flex; align-items:center; gap:8px; min-height:42px; padding:0 16px; border:1px solid #262a31; border-radius:12px; background:#16181d; color:#969ca9; font-size:12px; font-weight:600; cursor:pointer; transition:border-color .18s,background .18s,color .18s; }
.cat-pills button svg { width:15px; }
.cat-pills button:hover { border-color:#363b45; color:#eceef2; }
.cat-pills button.is-active { border-color:#f5f6f8; background:#f5f6f8; color:#101216; }
.catalog-hero { padding:26px 28px; margin-bottom:12px; }
.catalog-hero h2 { margin:0 0 6px; color:#f5f6f8; font-size:22px; font-weight:700; letter-spacing:-.035em; }
.catalog-hero p { margin:0; color:#8f94a1; font-size:11px; }
.catalog-search { display:flex; align-items:flex-end; justify-content:space-between; gap:18px; padding:16px 18px; margin-bottom:14px; flex-wrap:wrap; }
.catalog-search > div { display:grid; gap:8px; }
.catalog-search .panel-label { color:#5f6470; }
.search-field--wide { width:min(560px,100%); min-height:44px; border-radius:11px; }
.catalog-select { display:flex; align-items:center; justify-content:space-between; gap:10px; min-width:230px; min-height:44px; padding:0 14px; border:1px solid #262a31; border-radius:11px; background:#16181d; color:#c3c7cf; font-size:11px; }
.catalog-select svg { width:13px; color:#5f6470; }

.plugin-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.plugin-card { display:flex; flex-direction:column; padding:10px; border:1px solid #262a31; border-radius:16px; background:#16181d; transition:border-color .2s,transform .2s; }
.plugin-card:hover { border-color:#363b45; transform:translateY(-2px); }
.plugin-card::after { display:none; }
.plugin-card__cover { position:relative; overflow:hidden; border-radius:11px; aspect-ratio:4/2.9; background:#22252c; }
.plugin-card__cover img { display:block; width:100%; height:100%; object-fit:cover; }
.plugin-cover__placeholder { display:grid; place-items:center; width:100%; height:100%; color:#565c68; }
.plugin-cover__placeholder svg { width:34px; height:34px; }
.plugin-cover__edit { position:absolute; top:10px; left:10px; display:grid; place-items:center; width:32px; height:32px; border:0; border-radius:50%; background:#f9b32e; color:#16110a; cursor:pointer; box-shadow:0 6px 16px rgba(0,0,0,.4); }
.plugin-cover__edit svg { width:15px; }
.plugin-card__badge { position:absolute; top:10px; right:10px; display:inline-flex; align-items:center; min-height:24px; padding:0 10px; border-radius:999px; background:rgba(12,13,16,.72); backdrop-filter:blur(8px); font-size:8px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.plugin-card__badge--work { color:#34d399; }
.plugin-card__badge--pause { color:#f9b32e; }
.plugin-card__badge--soon { color:#a78bfa; }
.plugin-card__badge--idle { color:#8b909c; }
.plugin-card__body { display:flex; flex:1; flex-direction:column; gap:8px; padding:14px 6px 4px; }
.plugin-card__body h3 { margin:0; color:#f3f4f6; font-size:14px; font-weight:650; letter-spacing:-.02em; }
.plugin-card__body p { display:-webkit-box; margin:0; min-height:34px; overflow:hidden; color:#8f94a1; font-size:10px; line-height:1.55; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.plugin-permissions { display:flex; flex-wrap:wrap; gap:5px; }
.plugin-permissions span { padding:4px 8px; border:1px solid #262a31; border-radius:7px; color:#646b78; font-size:8px; font-weight:600; }
.plugin-card__bottom { display:flex; align-items:flex-end; justify-content:space-between; gap:10px; margin-top:auto; padding-top:10px; }
.plugin-card__price small,.plugin-card__price strong { display:block; }
.plugin-card__price small { color:#5f6470; font-size:8px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; }
.plugin-card__price strong { margin-top:4px; color:#34d399; font-size:13px; font-weight:700; font-variant-numeric:tabular-nums; }
.plugin-card__actions { display:flex; align-items:center; gap:10px; }
.plugin-card__status { color:#646b78; font-size:9px; }
.plugin-card__actions button { display:flex; align-items:center; gap:6px; min-height:36px; padding:0 13px; border:1px solid #2c313a; border-radius:10px; background:#1b1e24; color:#e8eaee; font-size:10px; font-weight:650; cursor:pointer; transition:border-color .18s,background .18s; }
.plugin-card__actions button:hover:not(:disabled) { border-color:rgba(249,179,46,.4); background:#22252c; color:#f9b32e; }
.plugin-card__actions button:disabled { color:#565c68; cursor:not-allowed; }
.plugin-card__actions button svg { width:12px; }

@media (max-width:1280px) {
  .plugin-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:720px) {
  .plugin-grid { grid-template-columns:1fr; }
  .catalog-search { align-items:stretch; flex-direction:column; }
  .catalog-select { width:100%; }
}

/* Dashboard v2 — notices, hero, quick actions, stats, panels -------------- */
.dash-notices { display:grid; gap:12px; margin-bottom:16px; }
.notice-banner { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:18px; min-height:84px; padding:18px 22px; border:1px solid var(--line); border-radius:16px; background:#11120f; }
.notice-banner--neutral { border-color:#34352d; background:linear-gradient(100deg,#14150f 0%,#11120f 60%); }
.notice-banner--gift { border-color:#5c4a1d; background:linear-gradient(100deg,#1c1710 0%,#141208 70%); box-shadow:0 0 0 1px rgba(255,202,34,.05),0 14px 40px rgba(0,0,0,.28); }
.notice-banner__icon { display:grid; place-items:center; width:44px; height:44px; border-radius:13px; background:#2a2413; color:#ffca22; }
.notice-banner__icon svg { width:20px; }
.notice-banner strong { display:flex; align-items:center; gap:9px; color:#f5f3e9; font-size:14px; font-weight:700; letter-spacing:-.02em; }
.notice-banner p { margin:6px 0 0; max-width:640px; color:#929087; font-size:11px; line-height:1.6; }
.notice-tag { padding:4px 8px; border-radius:7px; background:#2a2413; color:#ffca22; font-size:8px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.notice-banner--gift .notice-tag { background:#3a2c10; color:#ffd75e; }
.notice-banner__actions { display:flex; align-items:center; gap:12px; }
.notice-dismiss { padding:6px 4px; border:0; background:transparent; color:#77766e; font-size:10px; font-weight:650; cursor:pointer; }
.notice-dismiss:hover { color:#f3f1e7; }
.notice-dismiss--icon { display:grid; place-items:center; width:32px; height:32px; padding:0; border-radius:9px; }
.notice-dismiss--icon:hover { background:rgba(255,255,255,.05); }
.notice-dismiss--icon svg { width:15px; }

.dash-hero { display:flex; align-items:center; justify-content:space-between; gap:32px; padding:34px 36px; margin-bottom:16px; border-radius:20px; background:radial-gradient(circle at 88% -30%,rgba(255,202,34,.09),transparent 45%),#11120f; }
.dash-hero h1 { margin:10px 0 12px; color:#f5f3e9; font-size:clamp(32px,3vw,44px); font-weight:650; line-height:1.02; letter-spacing:-.045em; }
.dash-hero p { margin:0; max-width:620px; color:#929087; font-size:12px; line-height:1.65; }

.quick-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-bottom:12px; }
.quick-tile { position:relative; display:flex; align-items:center; gap:12px; min-height:64px; padding:0 16px; border:1px solid var(--line); border-radius:14px; background:#11120f; color:#e7e5db; font-size:12px; font-weight:650; text-align:left; cursor:pointer; transition:border-color .18s,background .18s,transform .18s; }
.quick-tile:hover { border-color:#5a512f; background:#171811; transform:translateY(-1px); }
.quick-tile__icon { display:grid; place-items:center; width:36px; height:36px; border-radius:11px; }
.quick-tile__icon svg { width:17px; }
.quick-tile__icon--amber { background:#2a2413; color:#ffca22; }
.quick-tile__icon--blue { background:#142d43; color:#55b7ff; }
.quick-tile__icon--violet { background:#2b2142; color:#ae8dff; }
.quick-tile__icon--green { background:#12291d; color:#64d394; }
.quick-tile__arrow { position:absolute; top:12px; right:12px; width:13px; height:13px; color:#6e6d65; transition:color .18s,transform .18s; }
.quick-tile:hover .quick-tile__arrow { color:#ffca22; transform:translate(1px,-1px); }

.stat-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-bottom:12px; }
.stat-card { display:grid; justify-items:center; gap:4px; min-height:150px; padding:24px 18px; border:1px solid var(--line); border-radius:16px; background:#11120f; text-align:center; }
.stat-card__icon { display:grid; place-items:center; width:38px; height:38px; margin-bottom:8px; border-radius:11px; background:#23262d; color:#c9c7bd; }
.stat-card__icon svg { width:17px; }
.stat-card small { color:#8d8c83; font-size:10px; font-weight:650; }
.stat-card strong { color:#f5f3e9; font-size:26px; font-weight:600; letter-spacing:-.04em; font-variant-numeric:tabular-nums; }
.stat-card__hint { color:#6e6d65; font-size:9px; }

.dash-panels { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.dash-panel { padding:22px; }
.dash-panel header { display:flex; align-items:center; gap:12px; margin-bottom:8px; }
.dash-panel header h2 { margin:0; color:#f0eee4; font-size:15px; font-weight:650; letter-spacing:-.03em; }
.dash-panel header .panel-link { margin-left:auto; }
.dash-panel__icon { display:grid; place-items:center; width:34px; height:34px; border-radius:10px; background:#23262d; color:#ffca22; }
.dash-panel__icon svg { width:16px; }
.dash-list { display:grid; }
.dash-list article { display:grid; grid-template-columns:34px 1fr auto auto; align-items:center; gap:12px; min-height:62px; border-top:1px solid #1d1e18; }
.dash-list article:first-child { border-top:0; }
.dash-list__icon { display:grid; place-items:center; width:32px; height:32px; border-radius:9px; background:#1b1e24; color:#8d8c83; }
.dash-list__icon svg { width:15px; }
.dash-list strong,.dash-list small { display:block; }
.dash-list strong { color:#e7e5db; font-size:11px; font-weight:650; }
.dash-list small { margin-top:4px; color:#77766e; font-size:9px; }
.dash-list b { color:#f5f3e9; font-size:12px; font-variant-numeric:tabular-nums; }

@media (max-width:1080px) {
  .quick-grid,.stat-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:720px) {
  .notice-banner { grid-template-columns:auto 1fr; }
  .notice-banner__actions { grid-column:1/-1; }
  .dash-hero { flex-direction:column; align-items:flex-start; gap:18px; padding:26px 22px; }
  .quick-grid,.stat-grid,.dash-panels { grid-template-columns:1fr; }
}