:root{color-scheme:light;--bg:#f5f7f5;--side:#102f2c;--surface:#ffffff;--surface-2:#f0f4f1;--line:#e1e8e2;--text:#173631;--muted:#6b7f78;
  --brand:#0c806c;--brand-2:#086351;--ok:#147b55;--warn:#99601f;--bad:#be4141;--r:18px;
  --font:'IBM Plex Sans Arabic',system-ui,-apple-system,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:400 15px/1.6 var(--font);-webkit-font-smoothing:antialiased}
a{color:var(--brand-2)}
h1,h2,h3{margin:0;line-height:1.35}
h1{font-size:1.25rem}h2{font-size:1.05rem;margin-bottom:10px}h3{font-size:.98rem}
small,.small{font-size:.82rem;color:var(--muted)}
.muted{color:var(--muted)} .hint{color:var(--muted);font-size:.86rem;margin:6px 0 0}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;direction:ltr;unicode-bidi:isolate}
code{font-family:ui-monospace,monospace;background:var(--surface-2);padding:1px 6px;border-radius:6px;font-size:.85em}

.shell{display:flex;min-height:100dvh}
.side{width:248px;flex:none;background:var(--side);border-inline-end:1px solid var(--line);display:flex;flex-direction:column;
  position:sticky;top:0;height:100dvh}
.side-head{display:flex;gap:10px;align-items:center;padding:18px 16px;border-bottom:1px solid var(--line)}
.logo-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--brand);color:#fff;font-weight:700;flex:none}
.logo-mark.lg{width:52px;height:52px;border-radius:15px;font-size:1.3rem;margin:0 auto 12px}
.side-title{display:flex;flex-direction:column;min-width:0}.side-title b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.menu{flex:1;overflow-y:auto;padding:10px;display:grid;gap:2px;align-content:start}
.menu a{display:block;padding:9px 12px;border-radius:10px;color:var(--muted);text-decoration:none;font-weight:500}
.menu a:hover{background:var(--surface);color:var(--text)}
.menu a.on{background:color-mix(in srgb,var(--brand) 16%,transparent);color:var(--text)}
.side-foot{padding:14px 16px;border-top:1px solid var(--line);display:grid;gap:6px}
.who{font-size:.8rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.main{flex:1;min-width:0;display:flex;flex-direction:column}
.top{display:flex;align-items:center;gap:12px;padding:14px 24px;border-bottom:1px solid var(--line);position:sticky;top:0;
  background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(10px);z-index:4}
.top h1{flex:1}
.top-actions{display:flex;gap:8px}
.icon-btn{display:none;background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:10px;width:40px;height:40px;font-size:1.1rem}
.content{padding:20px 24px 48px;max-width:1180px;width:100%}

.btn{appearance:none;border:1px solid transparent;border-radius:12px;padding:10px 18px;font:600 .95rem/1.2 var(--font);cursor:pointer;
  text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;transition:background .15s,transform .1s}
.btn:active{transform:scale(.98)}
.btn.primary{background:var(--brand);color:#fff}.btn.primary:hover{background:var(--brand-2)}
.btn.ghost{background:var(--surface-2);border-color:var(--line);color:var(--text)}.btn.ghost:hover{border-color:#3a3b46}
.btn.sm{padding:7px 12px;min-height:36px;font-size:.88rem}
.btn.block{width:100%;margin-top:16px}
.btn.danger,.link.danger{color:var(--bad)}
.btn[disabled]{opacity:.45;cursor:not-allowed}
.btn[aria-busy=true]{opacity:.6;pointer-events:none}
.link{background:none;border:0;color:var(--brand-2);cursor:pointer;font:inherit;padding:4px}
:focus-visible{outline:2px solid var(--brand);outline-offset:2px}

.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px 20px;margin:0 0 16px}
.panel.highlight{border-color:color-mix(in srgb,var(--brand) 60%,var(--line))}
.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px;flex-wrap:wrap}
details.panel>summary{list-style:none;cursor:pointer;align-items:center}
details.panel>summary::-webkit-details-marker{display:none}
.kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-bottom:16px}
.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;display:grid;gap:2px}
.kpi span{color:var(--muted);font-size:.85rem}.kpi b{font-size:1.6rem;font-weight:700}
.ok-text{color:var(--ok)}.bad-text{color:var(--bad)}
.facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px 16px;margin:8px 0}
.facts div{display:grid}.facts dt{color:var(--muted);font-size:.8rem}.facts dd{margin:0;font-weight:500}
.facts.compact{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
.pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.78rem;font-weight:600;background:var(--surface-2);color:var(--muted);white-space:nowrap}
.pill.ok{background:color-mix(in srgb,var(--ok) 16%,transparent);color:var(--ok)}
.pill.warn{background:color-mix(in srgb,var(--warn) 16%,transparent);color:var(--warn)}
.pill.bad{background:color-mix(in srgb,var(--bad) 16%,transparent);color:var(--bad)}
.count{background:var(--surface-2);border-radius:999px;padding:0 8px;font-size:.8rem;color:var(--muted)}
.banner{border-radius:12px;padding:11px 14px;margin:0 0 12px;font-size:.92rem;border:1px solid}
.banner.warn{background:color-mix(in srgb,var(--warn) 10%,transparent);border-color:color-mix(in srgb,var(--warn) 35%,transparent)}
.banner.bad{background:color-mix(in srgb,var(--bad) 10%,transparent);border-color:color-mix(in srgb,var(--bad) 35%,transparent)}
.main>.banner{margin:12px 24px 0}
.toast{margin:12px 24px 0;background:color-mix(in srgb,var(--ok) 12%,transparent);border:1px solid color-mix(in srgb,var(--ok) 35%,transparent);
  border-radius:12px;padding:10px 14px;animation:fade .3s ease}
.empty-state{text-align:center;padding:40px 16px;border:1px dashed var(--line);border-radius:var(--r);margin-bottom:16px;color:var(--muted)}
.empty-state h2{color:var(--text)}
.empty{color:var(--muted);text-align:center;padding:16px}

label{display:grid;gap:6px;font-size:.86rem;color:var(--muted)}
input,select,textarea{width:100%;font:500 .95rem var(--font);color:var(--text);background:var(--surface-2);border:1px solid var(--line);
  border-radius:10px;padding:10px 12px;min-height:42px}
input[type=file]{padding:6px;color:var(--muted)}
input[type=file]::file-selector-button{font:600 .85rem var(--font);color:var(--text);background:var(--surface);border:1px solid var(--line);
  border-radius:8px;padding:6px 12px;margin-inline-end:10px;cursor:pointer}
input[type=checkbox]{width:18px;min-height:18px;accent-color:var(--brand)}
input[type=color]{padding:2px;height:40px;width:52px;border-radius:10px}
textarea{resize:vertical}
.check{display:flex;align-items:center;gap:8px;color:var(--text);font-size:.92rem}
fieldset{border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin:0}
legend{color:var(--muted);font-size:.85rem;padding:0 6px}
.grid-form{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;align-items:end}
.grid-form .wide,.grid-form h2{grid-column:1/-1}
.grid-form>.btn{justify-self:start}
.cert-pagination{justify-content:space-between;margin-top:16px}
.certificate-table{min-width:780px}
.certificate-table td:first-child{max-width:300px;overflow-wrap:anywhere}
#add-certificate{scroll-margin-top:85px}
.row-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.row-form input,.row-form select{width:auto;min-width:120px}
.narrow-input{max-width:90px;min-width:70px!important}
.choice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:6px;max-height:220px;overflow:auto}
.form-error{color:var(--bad);margin:8px 0}
.toolbar{display:flex;gap:8px;align-items:center;margin-bottom:14px;flex-wrap:wrap}
.toolbar .search{max-width:320px}
.actions-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;align-items:center}
.two-col{display:grid;grid-template-columns:2fr 1fr;gap:16px}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px}
.cards .panel{margin:0}

.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
.panel .table-wrap{border:0;background:none;margin:0 -8px}
table{width:100%;border-collapse:collapse;font-size:.9rem}
th{color:var(--muted);font-weight:500;font-size:.8rem;text-align:start;padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap}
td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:middle}
tr:last-child td{border-bottom:0}
.muted-row td{opacity:.55}
.app-cell{display:flex;gap:10px;align-items:center}.app-cell div{display:grid}
.mini-icon{width:36px;height:36px;border-radius:9px;object-fit:cover;background:var(--surface-2);flex:none}
.mini-icon.ph{display:grid;place-items:center;font-weight:700;color:var(--brand)}
.list{list-style:none;padding:0;margin:8px 0;display:grid;gap:6px}
.list li{background:var(--surface-2);border-radius:10px;padding:8px 12px}
.tags{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.tags li{background:var(--surface-2);border-radius:999px;padding:4px 12px;font-size:.86rem}
.mono-list{columns:2;font-family:ui-monospace,monospace;font-size:.8rem;direction:ltr;color:var(--muted)}
.checklist{padding-inline-start:20px;display:grid;gap:6px}
.file-btn{display:inline-flex;align-items:center;padding:7px 12px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line);
  color:var(--text);font-weight:600;font-size:.88rem;cursor:pointer;min-height:36px}
.file-btn input{display:none}
.codes-out{width:100%;margin:8px 0;font-size:.95rem;letter-spacing:.08em}
.bar{height:6px;background:var(--line);border-radius:6px;overflow:hidden}.bar i{display:block;height:100%;width:100%;background:var(--brand);transform:scaleX(0);transform-origin:right;transition:transform .2s}

.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:16px;overflow-x:auto;scrollbar-width:none}
.tabs::-webkit-scrollbar,.file-list::-webkit-scrollbar{display:none}
.tab{background:none;border:0;color:var(--muted);font:600 .92rem var(--font);padding:10px 14px;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap}
.tab.on{color:var(--text);border-bottom-color:var(--brand)}
.tabpane{display:none}.tabpane.on{display:block;animation:fade .2s ease}
.dot-badge{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--warn);margin-inline-start:4px}
.swatches{display:flex;flex-wrap:wrap;gap:12px}
.swatch{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.78rem}
.editor{display:grid;grid-template-columns:220px 1fr;gap:16px}
.file-list{display:grid;gap:2px;align-content:start;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:8px}
.file-list a{padding:7px 10px;border-radius:8px;color:var(--muted);text-decoration:none;font-family:ui-monospace,monospace;font-size:.85rem;direction:ltr;text-align:left}
.file-list a.on,.file-list a:hover{background:var(--surface-2);color:var(--text)}
.new-file{display:flex;gap:6px;margin-top:8px}.new-file input{min-height:36px;font-size:.82rem}
.code-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:8px;flex-wrap:wrap}
textarea.code{min-height:58vh;font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;tab-size:2;white-space:pre;background:#0b0c0f}
.docs p{color:var(--muted);font-size:.9rem}
.seg{display:inline-flex;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:3px}
.seg button{background:none;border:0;color:var(--muted);font:600 .85rem var(--font);padding:6px 12px;border-radius:8px;cursor:pointer}
.seg button.on{background:var(--surface);color:var(--text)}
.preview-frame{margin:0 auto;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:#000;transition:width .25s ease}
.preview-frame.mobile{width:390px;height:780px;max-width:100%}
.preview-frame.desktop{width:100%;height:720px;border-radius:12px}
.preview-frame iframe{width:100%;height:100%;border:0;background:#fff}

.center-page{min-height:100dvh;display:grid;place-items:center;padding:16px}
.auth-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:28px 24px;display:grid;gap:10px;text-align:center}
.auth-card label{text-align:start}
.auth-card .pick{margin:0}.auth-card .pick .btn{display:flex;justify-content:space-between}
.err-dot{width:52px;height:52px;border-radius:50%;margin:0 auto;display:grid;place-items:center;font-weight:700;font-size:1.4rem;
  background:color-mix(in srgb,var(--bad) 16%,transparent);color:var(--bad)}
.code-ref{font-family:ui-monospace,monospace;color:var(--muted);font-size:.8rem}
.roles{padding-inline-start:18px}
@keyframes fade{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}

@media (max-width:900px){
  .side{position:fixed;inset-block:0;inset-inline-start:0;z-index:20;transform:translateX(100%);transition:transform .25s ease;box-shadow:0 0 40px #0008}
  [dir=rtl] .side{transform:translateX(100%)} [dir=ltr] .side{transform:translateX(-100%)}
  .side.open{transform:none}
  .icon-btn{display:grid;place-items:center}
  .top{padding:10px 16px}.content{padding:16px}.main>.banner,.toast{margin-inline:16px}
  .two-col,.editor{grid-template-columns:1fr}
  .cards{grid-template-columns:1fr}
  .file-list{grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto;scrollbar-width:none}
  .new-file{display:none}
  textarea.code{min-height:50vh}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.qr-box{text-align:center;margin:16px 0}.qr-box img{background:#fff;border-radius:12px;padding:6px}

/* Merchant identity: quiet canvas, evergreen navigation, functional mint accents. */
[hidden]{display:none!important}
body.menu-open{overflow:hidden}
.ui-icon{width:21px;height:21px;flex:none}
.skip-link{position:fixed;top:-80px;inset-inline-start:20px;z-index:100;background:var(--brand);color:#fff;padding:12px 20px;border-radius:10px}
.skip-link:focus{top:12px}
.side{width:264px;color:#f3faf6;border:0;z-index:25;padding:0 12px}
.side-head{text-decoration:none;color:inherit;padding:29px 12px 25px;gap:13px;border:0}
.side-title b{font-size:17px}.side-title small{color:#a4bdb4;font-size:11px;margin-top:2px}
.identity-mark{display:flex;gap:3px;align-items:center;width:36px;height:38px;transform:rotate(-20deg);flex:none}
.identity-mark i{display:block;width:8px;height:27px;border-radius:5px;background:#b8edcd}.identity-mark i:nth-child(2){height:38px}.identity-mark i:nth-child(3){height:20px}
.side-search{display:flex;align-items:center;gap:8px;border:1px solid #ffffff1c;border-radius:10px;margin:0 8px 8px;padding:0 11px;color:#9bb7ad}
.side-search>span{font-size:25px;line-height:1}.side-search input{border:0;background:none;min-width:0;font-size:12px;min-height:39px;padding:8px 0;color:#fff;outline-offset:4px}
.side-search input::placeholder{color:#a3bbb2}
.menu{padding:0 3px 16px;gap:4px;scrollbar-width:thin;scrollbar-color:#527c69 transparent}
.menu-label{font-size:10px;letter-spacing:.04em;color:#98b5a9;padding:23px 15px 7px}
.menu a{display:flex;align-items:center;gap:12px;padding:11px 14px;color:#bfd1c9;font-size:12px;border-radius:9px}
.menu a:hover{color:#fff;background:#ffffff0d}.menu a.on{background:#c0eaca;color:#173c30;font-weight:700}
.nav-dot{width:5px;height:5px;border-radius:50%;background:currentColor;margin-inline-start:auto}
.side-promo{display:flex;align-items:center;gap:10px;margin:8px 7px 19px;padding:14px 10px;background:#ffffff0a;border:1px solid #ffffff16;border-radius:12px;text-decoration:none;color:#c3ecd2}
.side-promo>span:nth-child(2){display:grid;gap:4px;flex:1}.side-promo b{font-size:11px}.side-promo small{font-size:10px;color:#acc5b8}
.side-foot{display:flex;align-items:center;gap:9px;border-top:1px solid #ffffff14;padding:18px 8px}
.account-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#d8e8d9;color:#244f3c;font-size:13px;font-weight:600;flex:none}
.who{display:grid;flex:1;color:#e0ece5;font-size:11px;min-width:0}.who b{overflow:hidden;text-overflow:ellipsis;font-weight:500}.who small{font-size:10px;color:#acc5b8}
.logout-btn{border:0;background:none;color:#b4ccc0;font-size:22px;cursor:pointer;padding:7px}
.side-scrim{position:fixed;inset:0;background:#102f2c66;border:0;z-index:24}
.side-close{display:none;position:absolute;top:18px;inset-inline-end:12px;border:1px solid #ffffff24;background:#173d34;color:#e3efe5;border-radius:9px;width:32px;height:32px;cursor:pointer;font-size:23px;line-height:1}
@media(max-width:900px){.side-close{display:grid;place-items:center}.side-head{padding-inline-end:40px}}
.top{background:#ffffffeb;padding:20px 36px;min-height:94px;border-bottom:1px solid var(--line);backdrop-filter:blur(12px);gap:16px}
.top .page-title{flex:1;min-width:0}.top h1{font-size:19px;letter-spacing:-.4px;margin-top:5px}
.top-breadcrumb{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:10px}.top-breadcrumb>span{color:#b0bfb6}
.top-actions{align-items:center;flex-wrap:wrap}.top .btn{font-size:12px}
.content{padding:31px 36px 40px;max-width:1600px;flex:1}
.btn{border-radius:9px;min-height:42px;font-size:13px;padding:11px 18px;transition:background .18s,box-shadow .18s}
.btn.primary{box-shadow:0 3px 8px #0c806c14}.btn.ghost{background:#fff}.btn.ghost:hover{border-color:#9cb4a7;background:#f4f8f4}
.panel{padding:24px;box-shadow:0 2px 4px #183d2703}.panel h2{font-size:15px}
.panel .panel{box-shadow:none;background:var(--bg)}
.kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0}
.kpi{padding:20px 22px;gap:8px;min-height:136px;position:relative;box-shadow:0 2px 4px #183d2703}
.kpi>b{font-size:32px;letter-spacing:-1px;line-height:1.3;direction:ltr;text-align:right;unicode-bidi:plaintext}
.kpi>span{font-size:12px}.kpi>small{font-size:10px;line-height:1.5}
.kpi .kpi-symbol{position:absolute;top:19px;inset-inline-end:20px;width:31px;height:31px;border-radius:10px;background:var(--surface-2);display:grid;place-items:center;color:var(--brand);font-size:16px}
.kpi.alert-kpi .kpi-symbol{background:#fbf0e2;color:#a2712c}
.welcome-panel{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:22px}
.welcome-panel h2{font-size:26px;font-weight:600;letter-spacing:-.7px;margin-bottom:6px}.welcome-panel p{font-size:12px;color:var(--muted);margin:0}
.welcome-panel .eyebrow,.section-eyebrow{display:block;font-size:10px;color:var(--brand);margin:0 0 8px;font-weight:600}
.section-head{display:flex;gap:14px;align-items:center;justify-content:space-between;margin:0 0 22px}.section-head h2{margin:0}.section-head a{font-size:11px;text-decoration:none}
.overview-columns{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(270px,1fr);gap:20px;align-items:start}
.signature-hub{background:#143f37;color:#f5faf5;border:0;position:relative;overflow:hidden;padding:28px}
.signature-hub:after{content:"";position:absolute;left:-48px;bottom:-70px;width:220px;height:220px;border:35px solid #bce7bd0c;border-radius:50%;pointer-events:none}
.signature-hub .section-eyebrow{color:#bce8c2}.signature-hub h2{font-size:23px;font-weight:500;margin-bottom:12px;max-width:22ch}.signature-hub p{font-size:12px;color:#c0d4c6;max-width:48ch;line-height:1.9}
.signature-hub .btn.primary{background:#c0eaca;color:#173c30}.signature-hub .btn.ghost{background:transparent;border-color:#ffffff38;color:#fff}.signature-hub .actions-row{margin-top:22px;position:relative;z-index:1}
.hub-flow{display:flex;align-items:center;gap:8px;margin-top:24px;padding-top:19px;border-top:1px solid #ffffff18;flex-wrap:wrap;font-size:10px;color:#d0e5d5}
.hub-flow>i{width:22px;height:1px;background:#6e9480}.hub-flow>span{display:flex;gap:6px;align-items:center}.hub-flow b{display:grid;place-items:center;width:19px;height:19px;border:1px solid #83b795;border-radius:50%;font-size:9px;font-weight:400}
.quota-meter{display:block;width:100%;height:8px;margin:13px 0 18px;accent-color:var(--brand)}
.quota-meter::-webkit-meter-bar{background:#eaf0e9;border:0;border-radius:6px}.quota-meter::-webkit-meter-optimum-value{background:#0c806c;border-radius:6px}
.subscription-usage{display:flex;justify-content:space-between;gap:12px;margin-top:20px;font-size:11px;color:var(--muted)}.subscription-usage b{color:var(--text);direction:ltr;unicode-bidi:isolate}
.facts{gap:20px 15px}.facts dt{font-size:10px}.facts dd{font-size:12px;margin-top:4px}
.launch-links{display:grid;margin:0;padding:0;list-style:none}
.launch-links a{display:flex;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--text)}
.launch-links li:last-child a{border-bottom:0;padding-bottom:0}.launch-links .ui-icon{color:var(--brand);width:19px;height:19px}
.launch-links a>span{display:grid;gap:4px;flex:1}.launch-links b{font-size:12px;font-weight:500}.launch-links small{font-size:10px}.launch-links em{font-style:normal;color:var(--muted);font-size:15px}
.request-empty{display:grid;place-items:center;padding:34px 15px;text-align:center;color:var(--muted);gap:10px;font-size:12px}.request-empty .ui-icon{width:32px;height:32px;color:#9fbbac}
.recent-table th{font-size:10px}.recent-table td{font-size:12px;padding:16px 10px}.recent-id{display:block;font-size:9px;color:var(--muted);margin-top:3px}
.workspace-foot{display:flex;justify-content:space-between;gap:16px;padding:18px 36px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}
th{background:#f8faf7;font-size:11px}td{padding:14px 12px;font-size:12px}.table-wrap{box-shadow:0 2px 4px #183d2703}
input,select,textarea{background:#fbfcfa;border-color:#dfe7df;font-size:13px;border-radius:9px;min-height:44px}
textarea.code{background:#102722;color:#d8eddf}.pill{font-size:10px;padding:4px 10px}.grid-form{gap:20px}.hint{font-size:11px;line-height:1.9}
.auth-page{background:radial-gradient(ellipse at 10% 90%,#d1e8d6,transparent 55%),var(--bg)}
.auth-card{box-shadow:0 20px 70px #163e2810;padding:38px;max-width:440px;gap:16px;border-radius:24px}
.auth-card .logo-mark{background:#143f37;color:#c0eaca}
.auth-card h1{font-size:25px}.auth-card .hint{margin:0 0 8px}
.store-app-intro{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(240px,.7fr);gap:24px;align-items:center}
.store-app-intro h2{font-size:25px;line-height:1.6;margin-top:8px}.store-app-intro p{font-size:12px;color:var(--muted);line-height:1.9}
.device-preview{width:180px;min-height:265px;margin:auto;border:6px solid #183c31;border-radius:32px;padding:32px 15px 16px;background:#eef5ed;box-shadow:12px 16px 0 #dfeade;text-align:center;position:relative}
.device-preview:before{content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);width:56px;height:12px;border-radius:20px;background:#183c31}
.device-preview img{border-radius:18px;object-fit:contain;width:65px;height:65px;background:#fff}.device-preview b{display:block;font-size:14px;margin-top:12px;overflow-wrap:anywhere}.device-preview small{font-size:9px;display:block;margin:8px 0 14px}
.device-preview .device-label{display:block;padding:9px 2px;background:#173f34;color:#fff;font-size:9px;border-radius:8px}
@media(min-width:901px){.side-scrim{display:none!important}}
@media(max-width:1200px){.side{width:235px}.content{padding:26px}.top{padding-inline:26px}.overview-columns{grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr)}.kpi{padding:18px 16px}.kpi .kpi-symbol{inset-inline-end:13px}}
@media(max-width:1000px){.overview-columns{grid-template-columns:1fr}.kpis{gap:10px}.kpi .kpi-symbol{display:none}}
@media(max-width:900px){.side{width:264px}.top{min-height:84px;padding:16px}.content{padding:22px 16px}.side-promo{margin-top:auto}.top-actions .btn{padding:9px 10px;font-size:11px}.welcome-panel h2{font-size:22px}.workspace-foot{padding:18px 16px}.store-app-intro{grid-template-columns:1fr}.device-preview{margin-block:12px}}
@media(max-width:600px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr));margin:20px 0;gap:10px}.kpi{min-height:125px;padding:16px}.kpi>b{font-size:28px}.kpi>span{font-size:11px}.welcome-panel{align-items:flex-start;flex-direction:column;gap:16px}.welcome-panel h2{font-size:23px}.panel{padding:20px}.signature-hub{padding:24px}.top-breadcrumb{font-size:9px}.top h1{font-size:16px}.top-actions{max-width:45%;justify-content:flex-end}.top{gap:9px}.workspace-foot{font-size:9px}.overview-columns{gap:0}.grid-form{grid-template-columns:1fr}.row-form input,.row-form select{min-width:0;max-width:100%}.two-col{gap:0}.section-head{margin-bottom:16px}.section-head a{font-size:10px}}