:root{--primary:#f15a24;--surface:#fff;--surface-soft:#fff8f4;--input:#fff;--title:#1f2937;--text:#293548;--body:#667085;--muted:#7b8495;--subtle:#8b95a7;--line:#e8ebf0;--bg:#f6f8fb;--accent-soft:#fff0e8;--focus:#ff8a52;--shadow:0 12px 35px rgba(31,41,55,.08),0 2px 8px rgba(31,41,55,.04)}
.setup-card{max-width:560px;width:100%;padding:32px}.setup-card>p{margin:10px 0 20px}.onboarding{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px}.onboarding-step{padding:19px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.onboarding-step>span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--accent-soft);color:var(--primary);margin-bottom:12px;font-size:11px}.onboarding-step h3{margin:0 0 5px;font-size:13px}.onboarding-step p{font-size:11px;color:var(--muted)}.onboarding-step .text-link{margin-top:12px}@media(max-width:700px){.onboarding{grid-template-columns:1fr}}
.confirm-dialog{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:16px;padding:28px;max-width:440px;width:calc(100% - 36px);box-shadow:0 25px 100px #0003}.confirm-dialog::backdrop{background:#0b102a88;backdrop-filter:blur(3px)}.confirm-dialog h2{font-size:20px;margin:16px 0 10px}.confirm-dialog p{font-size:13px;color:var(--body);margin-bottom:24px;line-height:1.8}.dialog-icon{display:grid;place-items:center;width:40px;height:40px;background:var(--accent-soft);color:var(--primary);border-radius:12px;font-size:22px}.confirm-dialog .inline-actions{justify-content:flex-end}
[data-theme=dark]{--primary:#a597ff;--text:#e5e9f3;--muted:#a4adc0;--line:#2a3245;--bg:#10141e;--surface:#191f2c;--surface-soft:#202838;--input:#141b28;--title:#edf0f8;--body:#bbc3d3;--subtle:#a1aabe;--accent-soft:#302b49;--focus:#ae9fff;color-scheme:dark}
body{color:var(--text)}.sidebar,.topbar,.panel,.stat-card,.status-strip,.donut>div{background:var(--surface);border-color:var(--line)}.panel h2,h1,h2,h3,.brand{color:var(--title)}.page-heading p,.muted,.panel-heading p,.stat-card small,.stat-card span,small,.nav-label{color:var(--subtle)}.nav-link{color:var(--body)}.nav-link:hover{background:var(--surface-soft)}.nav-link.active{background:var(--accent-soft);color:var(--primary)}.btn{background:var(--surface);color:var(--body);border-color:var(--line)}.btn:hover{background:var(--surface-soft);border-color:var(--focus)}.btn.primary{background:#6554dc;border-color:#6554dc;color:#fff}.text-link,.order-id,.auth-links a{color:var(--primary)}input,select,textarea{background:var(--input);border-color:var(--line);color:var(--text)}input:disabled{background:var(--surface-soft);color:var(--muted)}label{color:var(--body)}input:focus,select:focus,textarea:focus{outline-color:var(--accent-soft);border-color:var(--focus)}input[aria-invalid=true]{border-color:#dd777d}.field-error{color:#cb535f;font-size:11px;line-height:1.5}.input-hint,.auth-footnote{color:var(--subtle);font-size:11px;line-height:1.7}.auth-footnote{margin-top:18px;text-align:center}.auth-form{position:relative}.auth-theme{position:absolute;right:25px;top:22px}.auth-card{max-width:410px}.auth-card .toast{font-size:11px}.auth-form .input-hint{margin-top:-8px}.theme-toggle{border:1px solid var(--line);border-radius:8px;width:33px;height:33px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.settings-grid>.panel>p{font-size:12px}.theme-preview{display:flex;gap:15px;padding:18px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft)}.theme-preview>span{width:60px;height:45px;border:1px solid var(--line);border-radius:6px;background:linear-gradient(90deg,#e4dfff 50%,#262239 50%);flex-shrink:0}.theme-preview p{font-size:11px;color:var(--subtle);margin-top:5px}.pagination{display:flex;gap:10px;align-items:center}.pagination>span{margin-right:auto}.error-page{min-height:100vh;display:grid;place-items:center;padding:30px}.error-card{max-width:560px;padding:38px;width:100%}.error-card h1{font-size:26px;margin-top:10px}.error-card p{font-size:14px;color:var(--body);margin:16px 0 25px}.error-card .eyebrow{display:block}.error-emblem{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--accent-soft);color:var(--primary);margin-bottom:25px}.error-emblem svg{width:25px;height:25px}.error-reference{background:var(--surface-soft);border:1px solid var(--line);font:12px monospace;padding:12px;border-radius:8px;margin:0 0 25px}.toast{align-items:flex-start}.toast>svg{margin-top:2px}.toast>div{flex:1}.toast button{line-height:1}.toast-success{background:#eefaf3;border-color:#c8ead6;color:#28734b}.toast-error{background:#fff0f1;border-color:#f3ccd1;color:#a33d4e}.toast-warning{background:#fff8e9;border-color:#f0dfb9;color:#886827}.toast-info{background:#eff2ff;border-color:#dbe1ff;color:#555fac}.table-scroll td small{white-space:normal;max-width:340px}.danger{color:#c75b68}.badge svg{width:13px;height:13px}.status-connected{background:#edf9f2;color:#38825a}.status-paused{background:#fff1e6;color:#a46f32}.status-refresh-needed{background:#fff7e8;color:#ad8538}.btn[disabled]{cursor:wait}.theme-toggle:focus-visible{outline:2px solid var(--focus)}
[data-theme=dark] .stat-card>strong,[data-theme=dark] .status-strip strong,[data-theme=dark] .amount,[data-theme=dark] .total-row strong,[data-theme=dark] .product-row strong,[data-theme=dark] label strong{color:var(--title)}
[data-theme=dark] .profit-card{background:linear-gradient(120deg,#29223e,#191f2c);border-color:#443867}[data-theme=dark] .profit-card>strong{color:#b9a9ff}[data-theme=dark] .stat-icon{background:#242a3a;border-color:#34394c;color:#a8a0cf!important}[data-theme=dark] .profit-card .stat-icon{background:#362e51;border-color:#483b6b;color:#bbaeff!important}
[data-theme=dark] th{background:#151b27;color:#a9b3c6;border-color:var(--line)}[data-theme=dark] td{color:#c0c8d8;border-color:#252d3e}[data-theme=dark] .payment{border-color:#394257;color:#b1bace}[data-theme=dark] .product-row{border-color:var(--line)}[data-theme=dark] .product-icon,[data-theme=dark] .mini-avatar{background:#302c43;color:#b8a8dc}[data-theme=dark] .product-icon.amber,[data-theme=dark] .store-avatar{background:#362d29;color:#d3b191}[data-theme=dark] .stock-warning{background:#3a3022;color:#e1bb75}
[data-theme=dark] .help-card{background:linear-gradient(115deg,#252235,#202737);border-color:#343046}[data-theme=dark] .help-card p,[data-theme=dark] .workspace small{color:var(--subtle)}[data-theme=dark] .workspace,[data-theme=dark] .user-profile{border-color:var(--line)}[data-theme=dark] .avatar{background:#413a38;outline-color:#494342;border-color:var(--surface);color:#e0cabb}[data-theme=dark] .nav-count{background:#40365e;color:#c2afff}[data-theme=dark] .demo-banner{background:#29263f;border-color:#393252;color:#b6a9d5}
[data-theme=dark] .badge{background:#302d48;color:#bbb0dd}[data-theme=dark] .status-delivered,[data-theme=dark] .status-active,[data-theme=dark] .status-received,[data-theme=dark] .status-connected{background:#203b31;color:#8fceaa}[data-theme=dark] .status-pending,[data-theme=dark] .status-packed,[data-theme=dark] .status-refresh-needed,[data-theme=dark] .status-paused{background:#3a3124;color:#dec18b}[data-theme=dark] .status-shipped,[data-theme=dark] .status-ready-to-ship{background:#293450;color:#a9b6ef}[data-theme=dark] .status-returned,[data-theme=dark] .status-cancelled{background:#422a33;color:#e4a1b2}
[data-theme=dark] .insight,[data-theme=dark] .panel-bottom-link{background:#161d2a;border-color:var(--line);color:#aab3c4}[data-theme=dark] .insight strong{color:#a9c7ba}[data-theme=dark] .donut{background:conic-gradient(#9581f4 var(--progress),#303249 0)}[data-theme=dark] .fulfillment-key strong{color:#d2d8e5}[data-theme=dark] .count{background:#302d44;color:#b6a6dc}
[data-theme=dark] .notice,[data-theme=dark] .toast-warning{background:#332d21;border-color:#524630;color:#ddc18d}[data-theme=dark] .toast-success{background:#20372e;border-color:#365442;color:#aad6b7}[data-theme=dark] .toast-error{background:#3a252c;border-color:#5e3540;color:#eeb1bc}[data-theme=dark] .toast-info{background:#282e46;border-color:#3e4564;color:#c0c5eb}[data-theme=dark] .toast button{color:inherit}[data-theme=dark] .field-error,[data-theme=dark] .danger{color:#eea0ae}
[data-theme=dark] .auth-story{background:linear-gradient(145deg,#242037,#1b2232)}[data-theme=dark] .auth-story p{color:#b3aac9}[data-theme=dark] .auth-visual{background:#ffffff06;border-color:#42394f;color:#bdaed5}[data-theme=dark] .auth-visual strong{color:#dfd5ee}[data-theme=dark] .auth-story .eyebrow{color:#b4a3d0}[data-theme=dark] .auth-form{background:var(--bg)}[data-theme=dark] footer,[data-theme=dark] footer>span{color:#919aae}[data-theme=dark] .breadcrumb>span,[data-theme=dark] .country{color:#a6b0c2}
@media(max-width:800px){.settings-grid{grid-template-columns:1fr}.auth-theme{top:14px;right:16px}.auth-form{padding-top:52px}.error-card{padding:25px}.error-card h1{font-size:23px}.top-actions{gap:10px}.pagination{flex-wrap:wrap}}
@media print{html[data-theme]{--bg:white;--text:#111;--title:#111;--body:#333;--muted:#555;--surface:white;--surface-soft:#f5f5f5;--line:#ddd;color-scheme:light}html[data-theme] .panel,html[data-theme] .stat-card,html[data-theme] th{background:white!important;color:#111!important}html[data-theme] td,html[data-theme] .stat-card>strong{color:#222!important}.theme-toggle{display:none}}

/* White and orange product theme */
html[data-theme=light] body{background:radial-gradient(circle at 85% 5%,#fff4ec 0,transparent 26%),linear-gradient(180deg,#fbfcfe 0,#f5f7fa 100%)}
html[data-theme=light] .sidebar{background:rgba(255,255,255,.96);box-shadow:12px 0 35px rgba(32,42,63,.045)}
html[data-theme=light] .topbar{background:rgba(255,255,255,.9);backdrop-filter:blur(14px);box-shadow:0 6px 24px rgba(29,39,57,.04)}
html[data-theme=light] .panel,html[data-theme=light] .stat-card,html[data-theme=light] .status-strip{border-color:#e7eaf0;border-radius:18px;box-shadow:var(--shadow)}
html[data-theme=light] .onboarding-step{border-radius:16px;box-shadow:0 8px 24px rgba(31,41,55,.055);transition:transform .2s,box-shadow .2s}
html[data-theme=light] .onboarding-step:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(31,41,55,.09)}
html[data-theme=light] .onboarding-step>span{background:linear-gradient(145deg,#ff7a3d,#ed4f18);color:#fff;box-shadow:0 7px 14px rgba(241,90,36,.24)}
html[data-theme=light] .brand-icon,html[data-theme=light] .daraz-logo{background:linear-gradient(145deg,#ff7838,#ee4c16);box-shadow:0 12px 22px rgba(241,90,36,.24)}
html[data-theme=light] .nav-link{border-radius:11px}
html[data-theme=light] .nav-link:hover{background:#fff6f1;color:#c94b1d;transform:translateX(2px)}
html[data-theme=light] .nav-link.active{background:linear-gradient(135deg,#fff1e9,#fff8f4);color:#d84c18;box-shadow:inset 0 0 0 1px #ffe0d0}
html[data-theme=light] .btn{border-radius:11px;box-shadow:0 4px 12px rgba(31,41,55,.06);transition:transform .16s,box-shadow .16s,border-color .16s}
html[data-theme=light] .btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(31,41,55,.1)}
html[data-theme=light] .btn.primary{background:linear-gradient(145deg,#ff7333,#e84a15);border-color:#e84a15;box-shadow:0 9px 20px rgba(241,90,36,.25)}
html[data-theme=light] .btn.primary:hover{background:linear-gradient(145deg,#ff8248,#eb511c);border-color:#e84a15;box-shadow:0 12px 24px rgba(241,90,36,.32)}
html[data-theme=light] input,html[data-theme=light] select,html[data-theme=light] textarea{border-radius:11px;box-shadow:inset 0 1px 2px rgba(31,41,55,.03)}
html[data-theme=light] input:focus,html[data-theme=light] select:focus,html[data-theme=light] textarea:focus{outline:3px solid #ffe3d4;border-color:#ff7b42;box-shadow:0 0 0 4px rgba(241,90,36,.08)}
html[data-theme=light] .connection-card{position:relative;overflow:hidden;background:linear-gradient(150deg,#fff 25%,#fffaf7 100%);padding:48px 32px}
html[data-theme=light] .connection-card:before{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-75px;top:-90px;background:radial-gradient(circle,#ffd7c3,transparent 68%);opacity:.55;pointer-events:none}
.connection-card h2{font-size:21px;margin:8px 0}.connection-card>p{color:var(--body);margin:7px 0 12px}.connection-card form{display:flex;justify-content:center}.connection-card form .btn{min-width:190px}.connection-card .badge{margin-top:4px}
html[data-theme=light] .badge{border-radius:999px}.status-not-connected{background:#fff1e9;color:#c75122;border:1px solid #ffddca}
html[data-theme=light] .notice{background:#fff8ef;border-color:#f7d7ae;color:#845c27;border-radius:12px}
html[data-theme=light] .toast{border-radius:13px;box-shadow:0 8px 24px rgba(31,41,55,.06)}
html[data-theme=light] .profit-card{background:linear-gradient(145deg,#fff1e8,#fff);border-color:#ffd9c5}
html[data-theme=light] .profit-card>strong{color:#dd501d}
html[data-theme=light] .product-icon,html[data-theme=light] .mini-avatar{background:#fff0e8;color:#e05a27}
html[data-theme=light] .text-link,html[data-theme=light] .order-id,html[data-theme=light] .auth-links a{color:#d84d19}
html[data-theme=light] .theme-toggle{border-radius:11px;background:#fff;box-shadow:0 4px 12px rgba(31,41,55,.06)}
.redirect-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.redirect-card{width:min(520px,100%);text-align:center;padding:48px}.redirect-card p{margin:10px 0 24px;color:var(--body)}.redirect-card small{margin-top:18px}.redirect-card .daraz-logo{margin-inline:auto}
.repair-confirm{display:grid;grid-template-columns:20px 1fr;align-items:start;gap:10px;padding:13px;border:1px solid #f1d29e;background:#fff9ef;border-radius:12px;color:#765b30}.repair-confirm input{width:17px;height:17px;min-height:0;margin:2px 0;accent-color:var(--primary)}.repair-confirm span{line-height:1.55}
@media(max-width:700px){html[data-theme=light] .panel,html[data-theme=light] .stat-card,html[data-theme=light] .status-strip{border-radius:15px}.connection-card{padding:34px 18px}.redirect-card{padding:34px 20px}}

/* sellerby emerald and white application theme */
:root{--primary:#07945f;--surface:#fff;--surface-soft:#f1fbf6;--input:#fff;--title:#11332f;--text:#24433f;--body:#647b77;--muted:#78908b;--subtle:#8aa09c;--line:#dfece8;--bg:#f5faf8;--accent-soft:#e7f8f0;--focus:#1fc47d;--shadow:0 14px 38px rgba(0,83,74,.08),0 2px 8px rgba(0,83,74,.04)}
[data-theme=dark]{--primary:#4ce59f;--text:#dcebe7;--muted:#95aaa5;--line:#27443f;--bg:#0d1917;--surface:#142522;--surface-soft:#1a302c;--input:#10201d;--title:#f0f8f6;--body:#b3c7c2;--subtle:#94aaa4;--accent-soft:#193c32;--focus:#45db99;color-scheme:dark}
html[data-theme=light] body{background:radial-gradient(circle at 88% 4%,#e6f8f0 0,transparent 27%),linear-gradient(180deg,#fbfefd 0,#f4f9f7 100%)}
html[data-theme=light] .sidebar{background:rgba(255,255,255,.97);box-shadow:12px 0 35px rgba(0,74,67,.045)}
html[data-theme=light] .topbar{background:rgba(255,255,255,.92);box-shadow:0 6px 24px rgba(0,74,67,.04)}
html[data-theme=light] .panel,html[data-theme=light] .stat-card,html[data-theme=light] .status-strip{border-color:#dfece8;box-shadow:var(--shadow)}
html[data-theme=light] .onboarding-step>span,html[data-theme=light] .brand-icon{background:linear-gradient(145deg,#19cf80,#068c5b);color:#fff;box-shadow:0 8px 18px rgba(7,148,95,.24)}
html[data-theme=light] .nav-link:hover{background:#f0faf5;color:#06794f}
html[data-theme=light] .nav-link.active{background:linear-gradient(135deg,#e7f8f0,#f5fcf8);color:#078558;box-shadow:inset 0 0 0 1px #ccecdf}
html[data-theme=light] .btn.primary{background:linear-gradient(145deg,#16c778,#058d5b);border-color:#058d5b;box-shadow:0 9px 21px rgba(7,148,95,.24)}
html[data-theme=light] .btn.primary:hover{background:linear-gradient(145deg,#20d486,#047e52);border-color:#047e52;box-shadow:0 12px 25px rgba(7,148,95,.3)}
html[data-theme=light] input:focus,html[data-theme=light] select:focus,html[data-theme=light] textarea:focus{outline:3px solid #d8f5e8;border-color:#20bf7a;box-shadow:0 0 0 4px rgba(7,148,95,.08)}
html[data-theme=light] .connection-card{background:linear-gradient(150deg,#fff 25%,#f3fcf8 100%)}
html[data-theme=light] .connection-card:before{background:radial-gradient(circle,#bdebd8,transparent 68%)}
html[data-theme=light] .profit-card{background:linear-gradient(145deg,#e9f9f2,#fff);border-color:#ccebdc}
html[data-theme=light] .profit-card>strong{color:#078558}
html[data-theme=light] .product-icon,html[data-theme=light] .mini-avatar{background:#e8f8f1;color:#07945f}
html[data-theme=light] .text-link,html[data-theme=light] .order-id,html[data-theme=light] .auth-links a{color:#078558}
.store-avatar{background:#e7f8f0;color:#078558}.orange-dot{background:#18bd74}.nav-count{background:#dff5eb;color:#078558}.help-card{border-color:#d9ece5;background:linear-gradient(115deg,#f6fcf9,#ecf8f3)}
.profit-card .stat-icon{color:#078558!important;background:#e3f6ed;border-color:#d1ecdf}.legend-dot{background:#07945f}.legend-dot.pale{background:#8bd8b8}.legend-dot.green{background:#2dba87}.donut{background:conic-gradient(#07945f var(--progress),#dff3ea 0)}.key{background:#07945f}.key.light{background:#a7dfc7}.order-id,.text-link{color:#078558}.badge{background:#e8f7f0;color:#347d61}.count{background:#eaf7f1;color:#4a856e}.demo-banner{background:#e9f8f1;color:#377862;border-color:#cfeadd}.toast{background:#eef9f4;border-color:#d1ecdf;color:#34775f}.toast button{color:#34775f}
.auth-story{background:linear-gradient(145deg,#00685f,#004b46);color:#fff}.auth-story .brand,.auth-story h1{color:#fff}.auth-story p{color:#bfe2dc}.auth-story .eyebrow{color:#61e7aa}.auth-visual{background:#ffffff0c;border-color:#ffffff25;color:#bfe4dc}.auth-visual>svg{color:#50e4a3}.auth-visual strong{color:#fff}.auth-form{background:#fbfefd}
.auth-layout>.auth-story{position:sticky;top:0;height:100vh;align-self:start}
[data-theme=dark] .auth-story{background:linear-gradient(145deg,#07554e,#11302c)}[data-theme=dark] .auth-story p{color:#a9ccc4}[data-theme=dark] .auth-visual{border-color:#ffffff1f;color:#a9d4c9}[data-theme=dark] .auth-visual strong{color:#e9f8f4}[data-theme=dark] .auth-story .eyebrow{color:#5ee5a8}
[data-theme=dark] .profit-card{background:linear-gradient(120deg,#173a31,#142522);border-color:#28604e}[data-theme=dark] .profit-card>strong{color:#65e6ad}[data-theme=dark] .stat-icon{background:#1b302c;border-color:#2b4943;color:#8bcab5!important}[data-theme=dark] .profit-card .stat-icon{background:#1b4337;border-color:#2c604e;color:#61e2aa!important}
[data-theme=dark] .product-icon,[data-theme=dark] .mini-avatar{background:#1b3a31;color:#78d8b0}[data-theme=dark] .nav-count{background:#1d4338;color:#76e1b2}[data-theme=dark] .demo-banner{background:#17352d;border-color:#285044;color:#9fd3c2}[data-theme=dark] .badge{background:#1c3b32;color:#9bd8c2}[data-theme=dark] .donut{background:conic-gradient(#42d999 var(--progress),#27443f 0)}[data-theme=dark] .count{background:#1c3931;color:#8bd2b6}
[data-theme=dark] .btn.primary{background:linear-gradient(145deg,#24c982,#087c55);border-color:#168d64;color:#fff;box-shadow:0 9px 21px #001b1640}[data-theme=dark] .btn.primary:hover{background:linear-gradient(145deg,#31d991,#07905f);border-color:#1bad77}
.theme-preview>span{background:linear-gradient(90deg,#dff6eb 50%,#15332d 50%)}

/* Shared Log in / Sign up screen */
.auth-story-top{display:flex;align-items:center;justify-content:space-between}.auth-language{display:inline-flex;align-items:center;gap:5px;color:#d9f5ed;font-size:12px;font-weight:600}.auth-language svg{width:14px}.auth-card{max-width:460px;padding:34px;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:0 24px 70px rgba(0,72,63,.1)}
.auth-tabs{display:flex;align-items:center;gap:42px;margin:0 0 25px}.auth-tabs button{position:relative;padding:8px 2px 15px;border:0;background:transparent;color:#9ba5ad;font:500 24px/1 Inter,sans-serif;cursor:pointer;transition:color .2s}.auth-tabs button:after{content:"";position:absolute;left:2px;bottom:0;width:0;height:2px;border-radius:4px;background:var(--primary);transition:width .24s ease}.auth-tabs button:hover{color:#57706b}.auth-tabs button.active{color:var(--title)}.auth-tabs button.active:after{width:48px}.auth-card[data-auth-shell]{overflow:visible;transition:height .26s cubic-bezier(.22,.8,.24,1)}.auth-card[data-auth-shell].switching{overflow:hidden}.auth-pane[hidden]{display:none}.auth-pane.active{animation:authPaneIn .24s ease both}@keyframes authPaneIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.auth-card label{margin:16px 0}.auth-card input{min-height:52px;padding:13px 15px;border-radius:13px}.auth-card .btn.primary{min-height:50px;margin-top:20px;border-radius:13px;font-size:14px}.auth-links{align-items:center;color:var(--subtle)}.auth-links span{color:var(--subtle)}.auth-agreement{margin:18px 0 2px;color:var(--body);font-size:11px;line-height:1.7}.auth-agreement a{color:var(--primary);text-decoration:underline;text-underline-offset:2px}
@media(max-width:700px){
  .auth-layout{display:block;min-height:100vh;background:linear-gradient(180deg,#159e64 0,#28b873 118px,#f5f8f7 230px,#f5f8f7 100%)}
  .auth-story{display:block;position:relative;top:auto;height:auto;min-height:124px;padding:25px 20px 0;background:transparent;overflow:hidden}.auth-story:after{content:"";position:absolute;width:105px;height:105px;right:-22px;top:32px;border:12px solid #ffffff10;border-radius:30px;transform:rotate(-12deg)}
  .auth-story>div.auth-story-top{display:flex;position:relative;z-index:2}.auth-story .brand{font-size:23px;color:#fff}.auth-story .brand-icon{width:36px;height:37px;background:#fff;color:#07945f;box-shadow:0 8px 20px #006c4433}.auth-story .brand-icon svg{width:21px;height:21px}.auth-story-copy,.auth-story>small{display:none!important}.auth-story-top .auth-theme{position:static;display:grid;width:37px;height:37px;padding:0;border:1px solid #ffffff28;border-radius:11px;color:#fff;background:#ffffff0d;backdrop-filter:blur(8px)}
  .auth-form{position:relative;z-index:3;display:block;margin-top:-20px;padding:0 16px 30px;background:transparent}.auth-card{max-width:none;padding:25px 22px 23px;border:0;border-radius:20px;box-shadow:0 17px 50px rgba(0,72,63,.13)}
  .auth-tabs{gap:34px;margin-bottom:23px}.auth-tabs button{padding:7px 2px 14px;font-size:23px}.auth-tabs button.active:after{width:42px}.auth-card label{margin:14px 0}.auth-card input{min-height:56px;padding:15px;border-radius:14px;font-size:14px}.auth-card .btn.primary{min-height:54px;border-radius:13px;font-size:15px}.auth-links{font-size:11px}.auth-agreement{font-size:11px}.divider{margin-top:24px}
}
@media(max-width:380px){.auth-story{padding-inline:16px}.auth-form{padding-inline:10px}.auth-card{padding-inline:18px}.auth-tabs button{font-size:21px}}

/* Consistent developer credits */
.app-footer{padding:25px 0 22px;display:flex;align-items:center;gap:18px;border-top:1px solid var(--line);color:var(--subtle)}.app-footer>div{display:flex;align-items:center;gap:8px}.app-footer>div strong{color:var(--title);font-size:11px}.app-footer>div span{color:var(--subtle)}.developer-credit{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--body);font-size:9px;transition:.16s}.developer-credit:hover{color:var(--primary);border-color:var(--focus);transform:translateY(-1px)}.developer-credit strong{color:var(--primary)}.developer-credit svg{width:12px;height:12px}.app-footer .footer-right{margin-left:0}
.auth-credit{position:absolute;left:0;right:0;bottom:18px;text-align:center;color:var(--subtle);font-size:9px}.auth-credit a{display:inline-flex;align-items:center;gap:4px;color:var(--primary);font-weight:700}.auth-credit svg{width:11px;height:11px}
.error-page{align-content:center;gap:16px}.error-credit{margin:0;text-align:center;color:var(--subtle);font-size:9px}.error-credit a{color:var(--primary);font-weight:700}
@media(max-width:950px){.app-footer{flex-wrap:wrap}.developer-credit{order:3;margin-left:0}.app-footer .footer-right{margin-left:auto}}
@media(max-width:700px){.app-footer{display:grid;gap:10px;padding:22px 2px}.developer-credit{justify-self:start}.app-footer .footer-right{display:block;margin:0}.auth-credit{position:static;margin:18px 0 0;padding-bottom:5px;font-size:9px}}

/* Simple sller connection */
.seller-connection-card{max-width:920px;margin:0 auto 30px;padding:34px;border-radius:20px}.seller-connection-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding-bottom:26px;border-bottom:1px solid var(--line)}.seller-connection-head .daraz-logo{width:56px;height:56px;margin:0;border-radius:16px;font-size:34px}.seller-connection-head h2{margin:4px 0 3px;font-size:22px;letter-spacing:-.5px}.seller-connection-head p{color:var(--subtle);font-size:12px}.connection-label{display:block;color:var(--primary);font-size:9px;font-weight:750;letter-spacing:1.35px}.connect-store-form{max-width:560px;margin:26px auto 0}.connect-store-form label{margin:0 0 16px;color:var(--title);font-weight:600}.connect-store-form label small{font-weight:400;margin-top:1px}.connect-store-form .btn{width:100%;min-height:44px}.connection-privacy{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--subtle)!important;font-size:10px!important}.connection-privacy svg{width:14px;color:var(--primary)}.connected-store-summary{display:flex;align-items:center;gap:13px;margin:24px 0 18px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft)}.connected-store-summary>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--accent-soft);color:var(--primary)}.connected-store-summary svg{width:19px}.connected-store-summary strong{display:block;margin-top:2px;color:var(--title);font-size:14px}.connection-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.connection-actions form{margin:0}.connection-actions .danger{border-color:#efcbd0}.store-name-editor{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.store-name-editor summary{cursor:pointer;color:var(--body);font-size:11px;font-weight:600}.store-name-editor form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;max-width:560px;margin-top:12px}.store-name-editor label{margin:0}.store-switcher{max-width:920px;margin:0 auto 16px}.store-switcher form{display:flex;align-items:end;gap:10px}.store-switcher label{flex:1;margin:0}.connection-empty{text-align:center;padding-top:26px}.connection-empty p{margin-bottom:15px;color:var(--subtle)}
@media(max-width:700px){.seller-connection-card{padding:22px 18px;border-radius:16px}.seller-connection-head{grid-template-columns:auto 1fr;gap:13px}.seller-connection-head>.badge{grid-column:1/-1;justify-self:start}.seller-connection-head h2{font-size:18px}.connection-actions{display:grid;grid-template-columns:1fr}.connection-actions form,.connection-actions .btn{width:100%}.store-name-editor form,.store-switcher form{grid-template-columns:1fr;display:grid}.seller-connection-head .daraz-logo{width:48px;height:48px;font-size:29px}}
/* Sidbar sign out */
.sidebar-logout{margin:0}.sidebar-logout button{width:100%;min-height:42px;display:flex;align-items:center;gap:11px;padding:10px 13px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--body);font:600 11px Inter,sans-serif;text-align:left}.sidebar-logout button:hover{border-color:#efcbd0;background:var(--surface-soft);color:#c75b68}.sidebar-logout button svg{width:17px}.sidebar-logout button:focus-visible{outline:2px solid var(--focus)}
@media(max-width:700px){.sidebar{width:min(86vw,320px);padding-bottom:14px}.sidebar-bottom{padding-top:14px}.sidebar-logout button{min-height:48px;font-size:12px}.top-actions{gap:9px}}
/* Sidebar navigation spacing */
.sidebar>.nav-label:first-of-type{margin-top:82px}.sidebar nav+.nav-label{margin-top:24px}
@media(max-width:700px){.sidebar>.nav-label:first-of-type{margin-top:58px}.sidebar nav+.nav-label{margin-top:20px}}
@media(max-height:700px) and (min-width:701px){.sidebar>.nav-label:first-of-type{margin-top:42px}.sidebar nav+.nav-label{margin-top:10px}}
/* Keep the logo and first navigation item comfortably below the viewport edge. */
.sidebar{padding-top:44px}
@media(max-height:850px) and (min-width:701px){.sidebar{padding-top:34px}}
@media(max-height:650px) and (min-width:701px){.sidebar{padding-top:28px}}
@media(max-width:700px){.sidebar{padding-top:28px}}

/* Mobie workspace header: keep only navigation and useful controls. */
@media(max-width:700px){
  .topbar .breadcrumb>span,.topbar .breadcrumb>svg,.topbar .breadcrumb>strong,.topbar .avatar.small{display:none}
  .topbar{padding-inline:15px}
}

/* Give compact desktop navigation enough breathing room. */
@media(max-height:650px) and (min-width:701px){
  .sidebar .nav-label{margin-bottom:6px}
  .sidebar .nav-link{min-height:29px;padding-block:5px;margin-bottom:2px}
  .sidebar nav+.nav-label{margin-top:14px}
}