/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-outline-style:solid}
}
}
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}
}
@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}
::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}
html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}
hr{height:0;color:inherit;border-top-width:1px}
abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}
a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}
b,strong{font-weight:bolder}
code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}
small{font-size:80%}
sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}
sub{bottom:-.25em}
sup{top:-.5em}
table{text-indent:0;border-color:inherit;border-collapse:collapse}
:-moz-focusring{outline:auto}
progress{vertical-align:baseline}
summary{display:list-item}
ol,ul,menu{list-style:none}
img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}
img,video{max-width:100%;height:auto}
button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
:where(select:is([multiple],[size])) optgroup{font-weight:bolder}
:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}
::file-selector-button{margin-inline-end:4px}
::placeholder{opacity:1}
@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}
@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}
}
}
textarea{resize:vertical}
::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}
::-webkit-datetime-edit{display:inline-flex}
::-webkit-datetime-edit-fields-wrapper{padding:0}
::-webkit-datetime-edit{padding-block:0}
::-webkit-datetime-edit-year-field{padding-block:0}
::-webkit-datetime-edit-month-field{padding-block:0}
::-webkit-datetime-edit-day-field{padding-block:0}
::-webkit-datetime-edit-hour-field{padding-block:0}
::-webkit-datetime-edit-minute-field{padding-block:0}
::-webkit-datetime-edit-second-field{padding-block:0}
::-webkit-datetime-edit-millisecond-field{padding-block:0}
::-webkit-datetime-edit-meridiem-field{padding-block:0}
::-webkit-calendar-picker-indicator{line-height:1}
:-moz-ui-invalid{box-shadow:none}
button,input:where([type=button],[type=reset],[type=submit]){appearance:button}
::file-selector-button{appearance:button}
::-webkit-inner-spin-button{height:auto}
::-webkit-outer-spin-button{height:auto}
[hidden]:where(:not([hidden=until-found])){display:none!important}
}
@layer components;@layer utilities{.visible{visibility:visible}
.fixed{position:fixed}
.relative{position:relative}
.static{position:static}
.start{inset-inline-start:var(--spacing)}
.end{inset-inline-end:var(--spacing)}
.container{width:100%}
@media (width>=40rem){.container{max-width:40rem}
}
@media (width>=48rem){.container{max-width:48rem}
}
@media (width>=64rem){.container{max-width:64rem}
}
@media (width>=80rem){.container{max-width:80rem}
}
@media (width>=96rem){.container{max-width:96rem}
}
.hidden{display:none}
.table{display:table}
.outline{outline-style:var(--tw-outline-style);outline-width:1px}
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
button:disabled{cursor:not-allowed;opacity:.55}
a{color:inherit;text-decoration:none}
.app-shell{background:radial-gradient(circle at 80% -10%,#43e7d214,transparent 28%),var(--bg);min-height:100vh}
.sidebar{z-index:30;background:#0b0f15;border-right:1px solid #202731;flex-direction:column;width:244px;padding:0 14px;display:flex;position:fixed;inset:0 auto 0 0}
.side-brand{border-bottom:1px solid #1c232c;align-items:center;gap:10px;height:78px;padding:0 8px;font-size:15px;font-weight:800;display:flex}
.side-brand>span{color:#07100f;background:linear-gradient(145deg,#5ff3df,#5578ff);border-radius:10px;place-items:center;width:34px;height:34px;font-size:12px;display:grid;box-shadow:0 0 25px #43e7d22b}
.side-brand div{line-height:1.2}
.side-brand small{letter-spacing:1.3px;color:#56616f;margin-top:4px;font-size:6px;display:block}
.side-brand button{color:#7b8794;background:0 0;border:0;margin-left:auto;font-size:22px;display:none}
.side-nav{flex-direction:column;gap:4px;padding:18px 0;display:flex}
.side-nav p{color:#4f5a68;letter-spacing:1.7px;margin:12px 10px 5px;font-size:7px;font-weight:800}
.side-nav a,.side-nav button{color:#7e8997;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;width:100%;height:39px;padding:0 10px;font-size:10px;font-weight:650;transition:all .18s;display:flex}
.side-nav i{text-align:center;width:18px;font-size:15px;font-style:normal}
.side-nav b,.side-nav em{color:#aab5c0;background:#1d2731;border-radius:5px;margin-left:auto;padding:3px 6px;font-size:8px;font-style:normal}
.queue-card{background:#0f151c;border:1px solid #222b36;border-radius:12px;margin-top:auto;padding:12px}
.queue-head{justify-content:space-between;align-items:center;font-size:8px;font-weight:750;display:flex}
.queue-head span{align-items:center;gap:7px;display:flex}
.queue-head i{background:#5d6875;border-radius:50%;width:6px;height:6px}
.working .queue-head i{background:var(--cyan);animation:1.2s infinite pulse;box-shadow:0 0 0 4px #43e7d21a}
.queue-track{background:#202a34;border-radius:3px;height:3px;margin:11px 0 8px;overflow:hidden}
.queue-track span{background:linear-gradient(90deg,var(--cyan),var(--blue));height:100%;transition:all .25s;display:block}
.queue-card p{color:#63707e;margin:0;font-size:7px}
.side-profile{border-top:1px solid #1c232c;align-items:center;gap:9px;height:70px;margin-top:12px;padding:0 5px;display:flex}
.side-profile>span,.avatar{color:#75e9db;background:#1c2732;border-radius:9px;place-items:center;width:31px;height:31px;font-size:9px;font-weight:800;display:grid}
.side-profile div{font-size:9px;font-weight:700}
.side-profile small{color:#596572;margin-top:3px;font-size:7px;display:block}
.side-profile b{color:#53606c;margin-left:auto;font-size:10px}
.side-scrim{display:none}
.main-area{min-width:0;margin-left:244px}
.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#080b10c7;border-bottom:1px solid #1d252e;align-items:center;height:78px;padding:0 28px;display:flex;position:sticky;top:0}
.topbar>div:first-of-type p{letter-spacing:1.6px;color:#53616f;margin:0 0 4px;font-size:7px;font-weight:800}
.topbar h1{letter-spacing:-.25px;margin:0;font-size:15px}
.top-actions{align-items:center;gap:9px;margin-left:auto;display:flex}
.live-pill{color:#8996a3;border:1px solid #25303a;border-radius:8px;align-items:center;gap:8px;height:30px;padding:0 10px;font-size:8px;display:flex}
.live-pill i,.table-footer i{background:var(--green);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #59dc8b1a}
.new-product,.accent-button{color:#07120f;background:linear-gradient(135deg,#54eedb,#59a8ee);border:0;border-radius:8px;height:34px;padding:0 13px;font-size:9px;font-weight:800}
.avatar{margin-left:4px}
.menu-button{color:#aab5c1;background:0 0;border:0;margin-right:12px;font-size:20px;display:none}
.page-wrap{max-width:1540px;margin:0 auto;padding:24px 26px 58px}
.overview{background:linear-gradient(120deg,#10161e,#0d151a 60%,#101b20);border:1px solid #202a34;border-radius:18px;justify-content:space-between;align-items:center;min-height:238px;padding:32px 38px;display:flex;position:relative;overflow:hidden}
.overview:after{content:"";border:1px solid #43e7d21a;border-radius:50%;width:360px;height:360px;position:absolute;top:-110px;right:-100px;box-shadow:0 0 0 45px #43e7d205,0 0 0 90px #43e7d203}
.overview-copy{z-index:2;max-width:610px;position:relative}
.eyebrow,.section-kicker{letter-spacing:1.8px;color:#687686;font-size:7px;font-weight:800}
.overview h2{letter-spacing:-1.2px;margin:10px 0 13px;font-family:Georgia,Times New Roman,serif;font-size:38px;font-weight:500;line-height:1.03}
.overview h2 em{color:var(--cyan);font-weight:500}
.overview-copy>p{color:#768390;max-width:560px;font-size:10px;line-height:1.65}
.overview-badges{gap:8px;margin-top:19px;display:flex}
.overview-badges span{color:#8996a3;background:#111821;border:1px solid #26313b;border-radius:6px;padding:6px 9px;font-size:7px}
.formula-card{z-index:2;background:#0e161ce6;border:1px solid #26343b;border-radius:15px;width:365px;min-height:176px;padding:18px;position:relative;box-shadow:0 22px 50px #00000038}
.formula-card>p{letter-spacing:1.6px;color:#60717d;margin:0 0 14px;font-size:7px;font-weight:800}
.formula-values{justify-content:space-between;align-items:center;display:flex}
.formula-values span{background:#131c24;border:1px solid #25313a;border-radius:9px;min-width:78px;padding:10px}
.formula-values small{letter-spacing:1px;color:#60707e;margin-bottom:4px;font-size:6px;display:block}
.formula-values strong,.formula-values s{color:#eaf0f5;font-size:15px}
.formula-values b{color:#40505c;font-size:11px}
.formula-result{background:linear-gradient(95deg,#43e7d221,#7098ff14);border:1px solid #43e7d230;border-radius:9px;grid-template-columns:1fr auto;align-items:center;height:51px;margin-top:12px;padding:8px 11px;display:grid}
.formula-result span{letter-spacing:1px;color:#6f8888;font-size:6px}
.formula-result strong{color:var(--cyan);grid-area:1/2/3;font-size:22px}
.metrics{grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0;display:grid}
.metrics article{background:var(--panel);border:1px solid #202832;border-radius:13px;align-items:center;gap:12px;min-height:88px;padding:14px;display:flex;position:relative}
.metric-icon{border-radius:9px;place-items:center;width:35px;height:35px;font-size:13px;display:grid}
.metric-icon.cyan{color:var(--cyan);background:#112c2b}
.metric-icon.purple{color:var(--purple);background:#231b35}
.metric-icon.amber{color:var(--amber);background:#2b2115}
.metric-icon.green{color:var(--green);background:#14291e}
.metrics small{color:#5f6d7a;letter-spacing:1px;margin-bottom:4px;font-size:6px;font-weight:800;display:block}
.metrics p{color:#65717e;margin:3px 0 0;font-size:7px}
.metrics em{color:#64d69a;background:#12271c;border-radius:4px;padding:3px 5px;font-size:6px;font-style:normal;position:absolute;top:9px;right:10px}
.import-bar{background:var(--panel);border:1px solid #202832;border-radius:13px;align-items:center;gap:18px;min-height:67px;margin-bottom:12px;padding:11px 14px;display:flex}
.import-bar>div:first-child{align-items:center;gap:10px;min-width:195px;display:flex}
.import-bar>div:first-child>span{width:34px;height:34px;color:var(--cyan);background:#132923;border-radius:9px;place-items:center;display:grid}
.import-bar small{color:#606d79;margin-top:3px;font-size:7px;display:block}
.quick-controls{flex:1;gap:7px;display:flex}
.quick-controls input{color:#dce4eb;background:#0a0e14;border:1px solid #27313c;border-radius:8px;outline:0;flex:1;height:36px;padding:0 12px;font-size:9px}
.quick-controls button{background:var(--cyan);color:#07100f;border:1px solid #0000;border-radius:8px;height:36px;padding:0 13px;font-size:8px;font-weight:800}
.workspace{background:var(--panel);border:1px solid #202832;border-radius:15px;overflow:hidden}
.workspace-title{justify-content:space-between;align-items:center;min-height:69px;padding:0 18px;display:flex}
.workspace-title .section-kicker{margin-bottom:5px;display:block}
.workspace-title h2{margin:0;font-size:15px}
.workspace-title h2 b{color:#74808d;vertical-align:2px;background:#1b232d;border-radius:5px;margin-left:5px;padding:3px 6px;font-size:7px}
.workspace-actions{gap:7px;display:flex}
.workspace-actions button,.modal-actions button{color:#8996a3;background:#131a22;border:1px solid #2a3540;border-radius:8px;height:33px;padding:0 11px;font-size:8px;font-weight:750}
.workspace-actions .accent-button,.modal-actions .accent-button{color:#07120f;background:linear-gradient(135deg,#55ead8,#5aa1ea);border:0}
.filter-bar{background:#0b0f15;border:1px solid #1f2832;border-radius:10px;align-items:center;gap:7px;margin:0 14px 12px;padding:8px;display:flex}
.search-box{background:#10161d;border:1px solid #25303a;border-radius:7px;flex:1;align-items:center;gap:7px;min-width:230px;height:34px;padding:0 9px;display:flex}
.search-box span{color:#62717e}
.filter-bar input,.filter-bar select{color:#aeb9c3;background:0 0;border:0;outline:0;font-size:8px}
.search-box input{width:100%}
.filter-bar select{background:#10161d;border:1px solid #25303a;border-radius:7px;min-width:132px;height:34px;padding:0 8px}
.range{background:#10161d;border:1px solid #25303a;border-radius:7px;align-items:center;width:206px;height:34px;padding:0 8px;display:flex}
.range span,.range i{color:#5d6976;font-size:8px;font-style:normal}
.range input{width:50%;min-width:0;padding:0 5px}
.clear-filter{color:#74818d;background:0 0;border:0;padding:0 6px;font-size:8px}
.table-wrap{border-top:1px solid #1f2730;border-bottom:1px solid #1f2730;overflow-x:auto}
table{border-collapse:collapse;width:100%;min-width:1210px}
th{color:#505d69;text-align:left;letter-spacing:1.05px;background:#0b0f15;border-bottom:1px solid #202832;height:38px;font-size:6px}
.check-col{width:38px;padding-left:15px}
input[type=checkbox]{appearance:none;background:#11171e;border:1px solid #35414c;border-radius:4px;place-items:center;width:14px;height:14px;display:grid}
input[type=checkbox]:checked:after{content:"✓";color:#07100f;font-size:8px;font-weight:900}
tbody tr{border-bottom:1px solid #1c242d;height:76px;transition:all .15s}
.product-cell{align-items:center;gap:10px;min-width:260px;display:flex}
.product-image{flex:none;width:44px;height:44px;position:relative}
.product-image img{object-fit:cover;background:#171e25;border-radius:9px;width:44px;height:44px}
.product-image span{color:var(--cyan);letter-spacing:.5px;background:#060e0cdb;border-radius:3px;padding:2px 3px;font-size:4px;font-weight:900;position:absolute;bottom:3px;left:3px}
.product-cell a{color:#dce4eb;white-space:nowrap;text-overflow:ellipsis;max-width:210px;font-size:9px;font-weight:700;display:block;overflow:hidden}
.product-cell p{color:#56636f;margin:5px 0 0;font-size:7px}
.product-cell p button{color:#687581;background:0 0;border:0;font-size:9px}
.category-tag{color:#81a7ff;white-space:nowrap;background:#18233a;border-radius:5px;padding:5px 7px;font-size:7px;display:inline-block}
.category-tag.homekitchen{color:#d8a85d;background:#2a2116}
.category-tag.fashion{color:#aa8ddd;background:#251d35}
.category-tag.beauty{color:#db7fa4;background:#321b27}
.price-input{background:#0b1016;border:1px solid #2b3640;border-radius:6px;align-items:center;width:75px;height:29px;padding:0 6px;display:flex}
.price-input span{color:#5d6975;font-size:8px}
.price-input input{color:#bdc7cf;background:0 0;border:0;outline:0;width:100%;min-width:0;padding-left:3px;font-size:9px;font-weight:700}
.mrp-cell small{color:#5f6d79;margin-top:4px;font-size:6px;display:block}
.live-price>span{color:#5fd39d;margin-left:5px}
.live-price small,.updated small{color:#596672;margin-top:4px;font-size:6px;display:block}
.less-cell strong{color:var(--cyan);font-size:12px;display:inline-block}
.less-cell span{color:#5dd4c4;background:#112b27;border-radius:4px;margin-left:5px;padding:3px 5px;font-size:6px;display:inline-block}
.less-cell small{color:#52606c;margin-top:4px;font-size:6px;display:block}
.updated{color:#8d99a5;white-space:nowrap;align-items:center;gap:7px;font-size:8px;display:flex}
.updated i{background:var(--green);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #59dc8b14}
.row-actions{gap:4px;display:flex}
.row-actions a,.row-actions button{color:#6c7985;background:#11171e;border:1px solid #29343e;border-radius:6px;place-items:center;width:27px;height:27px;font-size:12px;display:grid}
.row-actions button:hover{color:#ff7d7d;border-color:#633a3e}
.table-footer{color:#596673;justify-content:space-between;align-items:center;height:42px;padding:0 16px;font-size:7px;display:flex}
.table-footer span:last-child{align-items:center;gap:7px;display:flex}
.empty-state{text-align:center;color:#65717d;padding:55px}
.empty-state>span{font-size:27px}
.empty-state h3{color:#c7d0d8;margin:9px 0 3px;font-size:13px}
.empty-state p{font-size:8px}
.empty-state button{background:var(--cyan);border:0;border-radius:6px;padding:7px 10px;font-size:7px;font-weight:800}
.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#030508cc;place-items:center;padding:18px;display:grid;position:fixed;inset:0}
.modal{background:#10161d;border:1px solid #29343e;border-radius:17px;width:min(570px,100%);padding:26px;position:relative;box-shadow:0 32px 100px #00000080}
.modal-close{color:#697682;background:0 0;border:0;font-size:21px;position:absolute;top:13px;right:16px}
.modal-icon{width:39px;height:39px;color:var(--cyan);background:#132d29;border-radius:10px;place-items:center;margin-bottom:16px;font-size:20px;display:grid}
.modal h2{margin:8px 0;font-size:24px}
.modal>p{color:#77838f;font-size:9px;line-height:1.65}
.worker-strip{gap:7px;margin:14px 0;display:flex}
.worker-strip span{color:#8794a0;background:#0b1016;border:1px solid #27333d;border-radius:6px;padding:6px 8px;font-size:7px}
.modal textarea{resize:vertical;color:#bdc7d0;background:#090d12;border:1px solid #2a3540;border-radius:9px;outline:0;width:100%;height:185px;padding:12px;font-size:9px;line-height:1.7}
.modal-count{color:#5f6d79;justify-content:space-between;margin:7px 2px 14px;font-size:7px;display:flex}
.modal-actions{justify-content:flex-end;gap:7px;display:flex}
.toast{z-index:70;color:#dbe5e9;background:#151e26;border:1px solid #2a3b40;border-radius:9px;padding:10px 15px;font-size:8px;animation:.2s toast-in;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 15px 40px #00000059}
.toast span{color:var(--cyan);margin-right:7px}
@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}
to{opacity:1;transform:translate(-50%)}
}
@keyframes pulse{50%{opacity:.5}
}
@media (width<=1100px){.overview{padding:26px}
.formula-card{width:335px}
.metrics{grid-template-columns:repeat(2,1fr)}
.import-bar{flex-direction:column;align-items:flex-start}
.import-bar>div:first-child{min-width:0}
.quick-controls{width:100%}
.filter-bar{flex-wrap:wrap}
.search-box{flex-basis:50%}
.range{flex:1}
}
@media (width<=760px){.sidebar{transition:all .2s;transform:translate(-100%);box-shadow:25px 0 70px #00000073}
.sidebar.open{transform:translate(0)}
.side-brand button{display:block}
.side-scrim{z-index:25;background:#0009;border:0;display:block;position:fixed;inset:0}
.main-area{margin-left:0}
.menu-button{display:block}
.topbar{padding:0 14px}
.top-actions .live-pill,.top-actions .avatar{display:none}
.page-wrap{padding:12px}
.overview{min-height:0;padding:24px;display:block}
.overview h2{font-size:31px}
.formula-card{width:100%;margin-top:24px}
.overview:after{display:none}
.overview-badges{flex-wrap:wrap}
.metrics{gap:7px}
.metrics article{padding:11px}
.metric-icon{display:none}
.quick-controls{flex-wrap:wrap}
.quick-controls input{flex-basis:100%}
.quick-controls button{flex:1}
.workspace-title{align-items:flex-start;gap:10px;padding:13px}
.workspace-actions{flex-direction:column}
.filter-bar{margin:0 8px 8px}
.search-box{flex-basis:100%;min-width:100%}
.filter-bar select,.range{flex:1;min-width:0}
.table-footer{flex-direction:column;align-items:flex-start;gap:8px;height:auto;padding:11px}
.worker-strip{flex-wrap:wrap}
.modal{padding:22px 17px}
}
body{color:#f4f6f8;background:#0f1115}
.app-shell{background:#0f1115}
.side-brand{border-color:#2b3036;font-size:17px}
.side-brand>span{color:#0c1118;box-shadow:none;background:#67a7ff}
.side-brand small{color:#929ba6;font-size:8px}
.side-nav p{color:#7f8994;font-size:9px}
.side-nav a,.side-nav button{color:#b4bbc4;height:44px;font-size:13px}
.side-nav i{font-size:16px}
.side-nav em{color:#dbe9ff;background:#273446}
.queue-head{font-size:10px}
.queue-head b{color:#9fc5ff;font-size:10px}
.queue-track{background:#2b3037;height:5px}
.queue-card p{color:#a0a8b2;font-size:9px}
.side-profile small{color:#8f98a3;font-size:9px}
.topbar>div:first-of-type p{color:#8e98a3;font-size:9px}
.live-pill{color:#b8c0c9;border-color:#3a4048;font-size:10px}
.new-product,.accent-button{color:#0d1218;background:#67a7ff;font-size:11px}
.page-wrap{padding-top:28px}
.overview{box-shadow:none;background:#171a1f;border-color:#343941}
.overview:after{display:none}
.eyebrow,.section-kicker{color:#98a2ad;font-size:9px}
.overview h2{font-size:42px}
.overview-copy>p{color:#b0b8c2;font-size:13px}
.overview-badges span{color:#b9c1ca;background:#1e2227;border-color:#373c44;font-size:10px}
.overview-badges span:first-child{color:#b9c1ca}
.formula-card{box-shadow:none;background:#1b1f24;border-color:#3a4048}
.formula-card>p{color:#9aa4af;font-size:9px}
.formula-values small{color:#9ca6b0;font-size:8px}
.formula-values strong,.formula-values s{font-size:17px}
.formula-result span{color:#b2bdc8;font-size:8px}
.formula-result small{color:#aeb8c3;font-size:9px}
.metric-icon,.metric-icon.cyan,.metric-icon.purple,.metric-icon.amber,.metric-icon.green{color:#c7d7ea;background:#242a31}
.metrics small{color:#9da6b0;font-size:8px}
.metrics strong{font-size:21px}
.metrics p{color:#a2abb5;font-size:10px}
.metrics em{color:#d4e1ef;background:#242a31;font-size:8px}
.import-bar>div:first-child>span,.modal-icon{color:#d4e5fa;background:#242a31}
.import-bar strong{font-size:13px}
.import-bar small{color:#9da6b0;font-size:10px}
.quick-controls input{color:#f2f4f6;background:#111317;border-color:#3a4048;font-size:12px}
.quick-controls input:focus,.filter-bar input:focus{border-color:#67a7ff;box-shadow:0 0 0 3px #67a7ff1f}
.quick-controls button{color:#0d1218;background:#67a7ff;font-size:11px}
.quick-controls .bulk-button{color:#d0d5db;background:#24282e;border-color:#40464f}
.workspace-title{min-height:76px}
.workspace-title .section-kicker{font-size:9px}
.workspace-title h2{font-size:19px}
.workspace-title h2 b{color:#c5cbd2;background:#272c33;font-size:9px}
.workspace-actions button,.modal-actions button{color:#d0d5db;background:#24282e;border-color:#40464f;height:38px;font-size:11px}
.workspace-actions .accent-button,.modal-actions .accent-button{color:#0d1218;background:#67a7ff}
.filter-bar{background:#111317;border-color:#30353d;padding:10px}
.search-box,.filter-bar select,.range{background:#1b1f24;border-color:#3b4149;height:39px}
.filter-bar input,.filter-bar select{color:#e0e4e8;font-size:11px}
.range span,.range i{color:#aab2bb;font-size:11px}
.clear-filter{color:#b4bbc4;font-size:11px}
table{min-width:1320px}
th{color:#a3acb6;background:#121418;border-color:#30353d;height:45px;font-size:9px}
th,td{padding:0 13px}
tbody tr{border-color:#2d3238;height:88px}
.product-cell{min-width:290px}
.product-image,.product-image img{width:52px;height:52px}
.product-image span{color:#cfe2ff;background:#11151a;font-size:6px}
.product-cell a{color:#f1f3f5;max-width:235px;font-size:12px}
.product-cell p{color:#9ca5af;font-size:9px}
.category-tag,.category-tag.homekitchen,.category-tag.fashion,.category-tag.beauty,.category-tag.grocery{color:#c8d8eb;background:#242c36;font-size:9px}
.price-input{background:#111317;border-color:#414750;width:86px;height:34px}
.price-input span,.price-input input{font-size:11px}
.price-input.selling input{color:#b9d6ff}
.mrp-cell small{color:#9ba4ae;font-size:8px}
.live-price strong{font-size:13px}
.live-price>span{color:#91c5a7}
.live-price small,.updated small{color:#9ba4ae;font-size:8px}
.less-cell strong{color:#b9d6ff;font-size:15px}
.less-cell span{color:#c9d8ea;background:#242c36;font-size:8px}
.less-cell small{color:#909aa5;font-size:8px}
.updated{color:#c1c7ce;font-size:10px}
.row-actions a,.row-actions button{color:#c0c7cf;background:#22262b;border-color:#3b4148;width:32px;height:32px}
.table-footer{color:#9ca5af;height:50px;font-size:10px}
.modal-backdrop{background:#050608d6}
.modal{background:#191c21;border-color:#3b4148;box-shadow:0 24px 70px #00000073}
.modal h2{font-size:27px}
.modal>p{color:#b0b8c1;font-size:12px}
.worker-strip span{color:#c2c9d0;background:#22262b;border-color:#3a4048;font-size:9px}
.worker-strip span:first-child{color:#c2c9d0}
.modal textarea{color:#eef1f4;background:#111317;border-color:#414750;font-size:12px}
.modal textarea:focus{border-color:#67a7ff;box-shadow:0 0 0 3px #67a7ff1f}
.modal-count{color:#9fa8b2;font-size:9px}
.toast{color:#f0f2f4;background:#20242a;border-color:#424850;font-size:11px}
.toast span{color:#a9cbff}
@media (width<=760px){.overview h2{font-size:34px}
.overview-copy>p{font-size:12px}
.metrics small{font-size:8px}
.metrics p{font-size:9px}
.topbar h1{font-size:16px}
}
.product-image{cursor:zoom-in;background:0 0;border:0;border-radius:9px;padding:0;overflow:hidden}
.product-image img{transition:transform .2s,filter .2s;display:block}
.product-image:hover img{filter:brightness(.72);transform:scale(1.06)}
.product-image span{white-space:nowrap;opacity:0;background:#0c0f13e0;padding:4px 6px;font-size:7px;transition:opacity .18s;bottom:50%;left:50%;transform:translate(-50%,50%)}
.product-image:hover span,.product-image:focus-visible span{opacity:1}
.product-image:focus-visible{outline-offset:2px;outline:2px solid #67a7ff}
.image-viewer-backdrop{z-index:80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030406e6;place-items:center;padding:24px;display:grid;position:fixed;inset:0}
.image-viewer{background:#171a1f;border:1px solid #3b4149;border-radius:18px;grid-template-rows:auto minmax(0,1fr) auto;width:min(980px,100%);max-height:calc(100vh - 48px);display:grid;position:relative;overflow:hidden;box-shadow:0 30px 100px #000000a6}
.image-viewer-close{color:#f3f5f7;z-index:2;background:#22262c;border:1px solid #414750;border-radius:9px;width:38px;height:38px;font-size:24px;line-height:1;position:absolute;top:14px;right:16px}
.image-viewer-close:hover{background:#30353c}
.image-viewer-copy{border-bottom:1px solid #30353d;padding:20px 68px 18px 22px}
.image-viewer-copy span{letter-spacing:1.5px;color:#9aa4af;font-size:9px;font-weight:800}
.image-viewer-copy h2{white-space:nowrap;text-overflow:ellipsis;margin:7px 0 5px;font-size:18px;overflow:hidden}
.image-viewer-copy p{color:#9da6b0;margin:0;font-size:10px}
.image-stage{background:#f5f5f5;place-items:center;min-height:300px;padding:24px;display:grid;overflow:auto}
.image-stage img{object-fit:contain;filter:none;width:auto;max-width:100%;height:auto;max-height:calc(100vh - 230px);display:block}
.image-viewer footer{color:#9ea7b0;border-top:1px solid #30353d;justify-content:space-between;align-items:center;gap:16px;min-height:52px;padding:10px 22px;font-size:10px;display:flex}
.image-viewer footer a{color:#0d1218;background:#67a7ff;border-radius:8px;align-items:center;height:34px;padding:0 12px;font-size:10px;font-weight:800;display:inline-flex}
@media (width<=760px){.image-viewer-backdrop{padding:10px}
.image-viewer{border-radius:13px;max-height:calc(100vh - 20px)}
.image-viewer-copy{padding:16px 58px 14px 15px}
.image-viewer-copy h2{font-size:15px}
.image-stage{min-height:240px;padding:12px}
.image-stage img{max-height:calc(100vh - 210px)}
.image-viewer footer{flex-direction:column;align-items:flex-start;padding:10px 15px}
.image-viewer footer a{justify-content:center;width:100%}
}
:root{--bg:#f3f5f8;--panel:#fff;--panel2:#f7f8fa;--line:#dfe4ea;--ink:#18212b;--muted:#66717d;--cyan:#2f6feb;--blue:#2f6feb;--purple:#2f6feb;--amber:#2f6feb;--green:#238b57}
body,.app-shell{color:#18212b;background:#f3f5f8}
.sidebar{background:#fff;border-color:#dfe4ea}
.side-brand{color:#17212b;border-color:#e3e7ec}
.side-brand>span{color:#fff;background:#2f6feb}
.side-brand small,.side-nav p,.queue-card p,.side-profile small{color:#6f7b87}
.side-nav a,.side-nav button{color:#4e5a66}
.side-nav a:hover,.side-nav button:hover{color:#17212b;background:#f1f4f8}
.side-nav .active{color:#174ea6;background:#eaf1ff;box-shadow:inset 3px 0 #2f6feb}
.side-nav b,.side-nav em{color:#41505e;background:#edf1f5}
.queue-card{background:#f8fafc;border-color:#dce2e8}
.queue-card.working{background:#eef4ff;border-color:#a9c5f8}
.queue-track{background:#e0e5eb}
.queue-track span{background:#2f6feb}
.side-profile{border-color:#e3e7ec}
.side-profile>span,.avatar{color:#2c3b49;background:#e9eef4}
.topbar{background:#fffffff2;border-color:#dfe4ea}
.topbar>div:first-of-type p{color:#788491}
.topbar h1{color:#18212b}
.live-pill{color:#41505e;background:#f6f8fa;border-color:#d8dee6}
.live-pill.active{color:#1d6b45}
.live-pill.paused i{box-shadow:none;background:#8b96a1}
.new-product,.accent-button{color:#fff!important;background:#2f6feb!important}
.page-wrap{background:#f3f5f8}
.overview{background:#fff;border-color:#dfe4ea}
.overview h2,.metrics strong,.workspace-title h2,.modal h2{color:#18212b}
.overview h2 em{color:#2f6feb}
.overview-copy>p,.overview-badges span{color:#596673}
.overview-badges span{background:#f7f9fb;border-color:#e0e5ea}
.formula-card{background:#f7f9fb;border-color:#dce2e8}
.formula-values span{background:#fff;border-color:#dce2e8}
.formula-values strong,.formula-values s{color:#1e2935}
.formula-result{background:#eaf1ff;border-color:#bfd2f5}
.formula-result strong{color:#245eb8}
.formula-result span,.formula-result small{color:#526273}
.metrics article,.import-bar,.workspace{background:#fff;border-color:#dfe4ea}
.metric-icon,.metric-icon.cyan,.metric-icon.purple,.metric-icon.amber,.metric-icon.green,.import-bar>div:first-child>span,.modal-icon{color:#2f6feb;background:#edf3ff}
.metrics small,.metrics p,.import-bar small,.section-kicker,.eyebrow{color:#6f7b87}
.metrics em{color:#23734a;background:#edf7f1}
.quick-controls input{color:#17212b;background:#fff;border-color:#d9e0e7}
.quick-controls .bulk-button,.workspace-actions button,.modal-actions button{color:#43515f;background:#f5f7f9;border-color:#d9e0e7}
.filter-bar{background:#f7f9fb;border-color:#e0e5ea}
.search-box,.filter-bar select,.range,.copy-budget{background:#fff;border-color:#d9e0e7}
.filter-bar input,.filter-bar select{color:#24313d}
.filter-bar input:focus,.quick-controls input:focus{border-color:#2f6feb;box-shadow:0 0 0 3px #2f6feb1a}
.copy-budget{border:1px solid #d9e0e7;border-radius:7px;align-items:center;gap:4px;min-width:114px;height:39px;padding:0 9px;display:flex}
.copy-budget span{letter-spacing:.5px;color:#687684;white-space:nowrap;font-size:8px}
.copy-budget input{text-align:right;font-weight:800;color:#17212b!important;width:38px!important}
th{color:#687583;background:#f5f7f9;border-color:#dfe4ea}
tbody tr{border-color:#e4e8ed}
tbody tr:hover{background:#f7f9fc}
.is-selected{background:#eef4ff}
.product-cell a{color:#19232e}
.product-cell p,.mrp-cell small,.live-price small,.updated small,.less-cell small,.table-footer{color:#687583}
.category-tag,.category-tag.homekitchen,.category-tag.fashion,.category-tag.beauty,.category-tag.grocery{color:#435466;background:#eef2f6}
.price-input{background:#fff;border-color:#cfd7df}
.price-input input{color:#1d2935}
.price-input.selling{background:#f3f7ff;border-color:#8fb1e9}
.price-input.selling input,.less-cell strong{color:#245eb8}
.less-cell span{color:#245eb8;background:#edf3ff}
.updated{color:#52606d}
.row-actions a,.row-actions button{color:#52606d;background:#fff;border-color:#d5dce3}
.row-actions .copy-row{color:#245eb8}
.table-wrap{border-color:#dfe4ea}
.table-footer i{background:#238b57}
.modal{background:#fff;border-color:#d7dee6}
.modal>p,.modal-count{color:#63707c}
.modal textarea{color:#17212b;background:#fff;border-color:#ccd5de}
.worker-strip span{color:#52606d;background:#f6f8fa;border-color:#dce2e8}
.toast{color:#fff;background:#17212b;border-color:#17212b}
.image-viewer{background:#fff;border-color:#d7dee6}
.image-viewer-copy{border-color:#dfe4ea}
.image-viewer-copy h2{color:#17212b}
.image-viewer-copy p,.image-viewer footer{color:#687583}
.image-viewer footer{border-color:#dfe4ea}
.image-viewer-close{color:#24313d;background:#f5f7f9;border-color:#d7dee6}
.image-viewer footer a{color:#fff;background:#2f6feb}
.selling-range{border-color:#b7c9e8}
.range>span{white-space:nowrap;margin-right:4px;font-weight:800}
.filter-bar{flex-wrap:wrap}
.client-admin{background:#fff;border:1px solid #dfe4ea;border-radius:15px;margin-top:16px;overflow:hidden}
.client-admin-head{border-bottom:1px solid #e1e6eb;justify-content:space-between;align-items:center;gap:20px;padding:24px;display:flex}
.client-admin-head h2{margin:6px 0 4px;font-size:22px}
.client-admin-head p{color:#697684;margin:0;font-size:11px}
.new-client{gap:8px;min-width:390px;display:flex}
.new-client input{color:#1b2733;background:#fff;border:1px solid #d5dce4;border-radius:8px;outline:0;flex:1;height:40px;padding:0 12px}
.new-client button{color:#fff;background:#2f6feb;border:0;border-radius:8px;height:40px;padding:0 14px;font-size:11px;font-weight:800}
.client-admin-body{grid-template-columns:250px minmax(0,1fr);min-height:440px;display:grid}
.client-list{background:#f8fafc;border-right:1px solid #e1e6eb;padding:14px}
.client-list-title{color:#6f7b87;letter-spacing:1px;justify-content:space-between;align-items:center;height:34px;font-size:9px;font-weight:850;display:flex}
.client-list-title b{background:#e8edf3;border-radius:5px;padding:3px 6px}
.client-list>button{text-align:left;color:#24313d;background:0 0;border:0;border-radius:10px;align-items:center;gap:9px;width:100%;min-height:59px;padding:9px;display:flex}
.client-list>button:hover,.client-list>button.active{background:#eaf1ff}
.client-list>button>span{color:#245eb8;background:#dde8fb;border-radius:9px;place-items:center;width:34px;height:34px;font-size:10px;font-weight:900;display:grid}
.client-list>button div{flex:1;min-width:0}
.client-list>button strong{font-size:11px;display:block}
.client-list>button small{color:#74808c;margin-top:4px;font-size:8px;display:block}
.client-list>button>b{color:#7e8994;font-size:18px}
.client-list-empty{color:#7c8792;font-size:10px}
.client-profile{min-width:0;padding:22px}
.client-placeholder{text-align:center;color:#6d7984;place-content:center;min-height:390px;display:grid}
.client-placeholder>span{font-size:32px}
.client-placeholder h3{color:#273441;margin:10px 0 4px}
.client-placeholder p{max-width:370px;margin:0;font-size:11px;line-height:1.55}
.client-profile-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}
.client-profile-head>div:first-child>span,.approval-queue>div:first-child>span{letter-spacing:1.2px;color:#718090;font-size:8px;font-weight:850}
.client-profile-head h3{margin:4px 0;font-size:20px}
.client-profile-head p{color:#6e7b87;margin:0;font-size:10px}
.client-profile-head>div:last-child{gap:7px;display:flex}
.client-profile-head button,.client-profile-head a{color:#44515f;background:#fff;border:1px solid #d5dce4;border-radius:7px;align-items:center;height:35px;padding:0 10px;font-size:9px;font-weight:750;display:flex}
.client-profile-head .approve-selected{color:#fff;background:#2f6feb;border-color:#2f6feb}
.client-rate-table{border:1px solid #e0e5ea;border-radius:10px;overflow:hidden}
.client-rate-row{border-bottom:1px solid #e7ebef;grid-template-columns:minmax(260px,1.5fr) 95px 120px 85px;align-items:center;gap:10px;min-height:58px;padding:8px 12px;font-size:10px;display:grid}
.client-rate-row.heading{color:#75818e;background:#f6f8fa;min-height:36px;font-size:8px;font-weight:850}
.client-rate-row>div{align-items:center;gap:9px;min-width:0;display:flex}
.client-rate-row img{object-fit:cover;border-radius:7px;width:40px;height:40px}
.client-rate-row strong{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}
.client-rate-row small{color:#798591;margin-top:3px;font-size:8px;display:block}
.client-rate-row>strong.filled{color:#1d7a4c}
.client-rate-row>strong.empty{color:#9a6670}
.profile-empty{color:#6d7984;padding:24px;font-size:10px}
.approval-queue{margin-top:18px}
.approval-queue>div:first-child{justify-content:space-between;margin-bottom:8px;display:flex}
.approval-queue article{border:1px solid #e0e5ea;border-radius:9px;align-items:center;gap:12px;min-height:54px;margin-top:7px;padding:8px 10px;display:flex}
.approval-queue article>div:first-child{flex:1;min-width:0}
.approval-queue article strong{font-size:10px;display:block}
.approval-queue article a{color:#697684;white-space:nowrap;text-overflow:ellipsis;font-size:8px;display:block;overflow:hidden}
.approval-queue article>span,.request-history b{text-transform:capitalize;border-radius:12px;padding:4px 8px;font-size:8px}
.approval-queue .pending,.request-history .pending{color:#8b5a16;background:#fff4de}
.approval-queue .approved,.request-history .approved{color:#1d7448;background:#eaf7ef}
.approval-queue .rejected,.request-history .rejected{color:#9a3f51;background:#fbecef}
.approval-queue article>div:last-child{gap:6px;display:flex}
.approval-queue article button{background:#fff;border:1px solid #d7dee6;border-radius:6px;height:30px;padding:0 9px;font-size:9px}
.approval-queue article button:last-child{color:#fff;background:#2f6feb;border-color:#2f6feb}
.client-shell{color:#18212b;background:#f3f5f8;min-height:100vh;padding-bottom:60px}
.client-top{background:#fff;border-bottom:1px solid #dfe4ea;align-items:center;gap:11px;height:76px;padding:0 max(22px,50vw - 590px);display:flex}
.client-logo{color:#fff;background:#2f6feb;border-radius:10px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}
.client-top small{color:#718090;font-size:8px;display:block}
.client-top h1{margin:3px 0 0;font-size:17px}
.client-top>span{color:#1f7a4c;background:#edf8f1;border-radius:16px;margin-left:auto;padding:6px 10px;font-size:9px}
.client-hero,.client-products,.client-request{background:#fff;border:1px solid #dfe4ea;border-radius:16px;max-width:1180px;margin:14px auto;padding:24px}
.client-hero{justify-content:space-between;align-items:center;margin-top:26px;padding:28px 32px;display:flex}
.client-hero>div:first-child>span,.client-section-title span,.client-request>div:first-child>span{color:#667686;letter-spacing:1.25px;font-size:9px;font-weight:850}
.client-hero h2{margin:7px 0 6px;font-size:32px}
.client-hero p,.client-request p{color:#687583;margin:0;font-size:12px}
.client-summary{text-align:center;background:#eaf1ff;border-radius:12px;place-content:center;width:145px;height:92px;display:grid}
.client-summary strong{color:#245eb8;font-size:28px}
.client-summary span{font-size:9px}
.client-section-title{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}
.client-section-title h2,.client-request h2{margin:5px 0 0;font-size:21px}
.client-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}
.client-grid>article{border:1px solid #e0e5ea;border-radius:12px;grid-template-columns:105px minmax(0,1fr);gap:14px;padding:12px;display:grid}
.client-grid>article>img{object-fit:contain;background:#f5f6f7;border-radius:9px;width:105px;height:105px}
.client-product-info>span{color:#245eb8;background:#edf3ff;border-radius:4px;padding:3px 5px;font-size:8px}
.client-product-info>a{white-space:nowrap;text-overflow:ellipsis;margin:8px 0 4px;font-size:12px;font-weight:800;display:block;overflow:hidden}
.client-product-info>small{color:#71808e;font-size:8px}
.client-prices{gap:25px;margin:11px 0;display:flex}
.client-prices p{margin:0}
.client-prices small{color:#71808e;font-size:7px;display:block}
.client-product-info label>span{color:#6b7885;font-size:7px;font-weight:850;display:block}
.client-product-info label>div{background:#f5f8ff;border:1px solid #96b2e0;border-radius:7px;align-items:center;height:34px;padding:0 8px;display:flex}
.client-product-info label input{color:#1f4f9a;background:0 0;border:0;outline:0;width:100%;min-width:0;padding:0 6px;font-weight:850}
.client-product-info label>small{color:#7a8692;font-size:7px}
.client-empty{text-align:center;border:1px dashed #d5dce4;border-radius:10px;padding:50px}
.client-request{grid-template-columns:1fr 1.2fr;align-items:center;gap:22px;display:grid}
.client-request-box{gap:8px;display:flex}
.client-request-box input{border:1px solid #d5dce4;border-radius:8px;flex:1;height:42px;padding:0 12px}
.client-request-box button{color:#fff;background:#2f6feb;border:0;border-radius:8px;height:42px;padding:0 14px;font-size:10px;font-weight:800}
.request-history{border-top:1px solid #e3e8ed;grid-column:1/-1;padding-top:10px}
.request-history p{border-bottom:1px solid #edf0f3;grid-template-columns:110px minmax(0,1fr) 75px;align-items:center;gap:10px;margin:0;padding:8px 0;font-size:9px;display:grid}
.client-loading{color:#526170;background:#f3f5f8;place-items:center;min-height:100vh;display:grid}
@media (width<=900px){.client-admin-head{flex-direction:column;align-items:flex-start}
.new-client{width:100%;min-width:0}
.client-admin-body{grid-template-columns:1fr}
.client-list{border-bottom:1px solid #e1e6eb;border-right:0}
.client-profile-head{flex-direction:column;align-items:flex-start}
.client-rate-table{overflow-x:auto}
.client-rate-row{min-width:650px}
.client-top{padding:0 18px}
.client-hero,.client-products,.client-request{margin-left:12px;margin-right:12px}
.client-grid,.client-request{grid-template-columns:1fr}
}
@media (width<=600px){.new-client{flex-direction:column}
.client-profile{padding:14px}
.client-profile-head>div:last-child{flex-wrap:wrap}
.client-hero{padding:22px}
.client-hero h2{font-size:25px}
.client-summary{width:110px}
.client-grid>article{grid-template-columns:78px minmax(0,1fr)}
.client-grid>article>img{width:78px;height:78px}
.client-products,.client-request{padding:16px}
.client-request-box{flex-direction:column}
.request-history p{grid-template-columns:80px minmax(0,1fr)}
}
.products-page .overview,.products-page .metrics,.products-page .client-admin{display:none}
.products-page .page-wrap{padding-top:24px}
.new-product{align-items:center;text-decoration:none;display:inline-flex}
.dashboard-page .overview{display:flex}
.dash-workflow{grid-template-columns:30px 1fr;align-items:center;gap:10px;display:grid}
.dash-workflow b{color:#245eb8;background:#eaf1ff;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}
.dash-workflow span{color:#526273;font-size:11px;font-weight:700}
.page-launcher{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}
.page-launcher a{background:#fff;border:1px solid #dfe4ea;border-radius:13px;align-items:center;gap:13px;min-height:92px;padding:16px;display:flex}
.page-launcher i{color:#245eb8;background:#eaf1ff;border-radius:10px;place-items:center;width:40px;height:40px;font-size:18px;font-style:normal;display:grid}
.page-launcher div{flex:1}
.page-launcher strong{font-size:13px;display:block}
.page-launcher span{color:#6f7b87;margin-top:5px;font-size:10px;display:block}
.page-launcher b{color:#245eb8;font-size:9px}
@media (width<=760px){.page-launcher{grid-template-columns:1fr}
.dashboard-page .overview{display:block}
}
.multi-page .sidebar{padding-bottom:0}
.multi-page .side-profile{margin-top:auto}
.route-page{padding-top:26px}
.route-head,.profile-route-head{background:#fff;border:1px solid #dfe4ea;border-radius:15px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px;padding:24px;display:flex}
.route-head span,.profile-route-head>div:first-child>span,.section-route-title span,.import-route-copy>span,.calculator-route>div:first-child>span{letter-spacing:1.25px;color:#6b7885;font-size:9px;font-weight:850}
.route-head h2,.profile-route-head h2,.import-route h2,.calculator-route h2{margin:6px 0 5px;font-size:25px}
.route-head p,.profile-route-head p,.import-route p,.calculator-route p{color:#687583;margin:0;font-size:11px}
.route-create{gap:8px;min-width:390px;display:flex}
.route-create input{border:1px solid #d5dce4;border-radius:8px;outline:0;flex:1;height:41px;padding:0 12px}
.route-create button,.route-primary{color:#fff;background:#2f6feb;border:0;border-radius:8px;height:41px;padding:0 14px;font-size:10px;font-weight:800}
.inline-message{color:#245eb8;background:#eaf1ff;border:1px solid #bfd2f5;border-radius:9px;margin:0 0 14px;padding:11px 14px;font-size:10px}
.inline-message a{font-weight:800}
.client-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}
.client-directory article{background:#fff;border:1px solid #dfe4ea;border-radius:13px;align-items:center;gap:12px;min-height:110px;padding:16px;display:flex}
.client-avatar-large{color:#245eb8;background:#eaf1ff;border-radius:11px;place-items:center;width:46px;height:46px;font-weight:900;display:grid}
.client-directory article>div:nth-child(2){flex:1}
.client-directory small{color:#6f7b87;letter-spacing:1px;font-size:7px}
.client-directory h3{margin:5px 0 3px}
.client-directory p{color:#71808c;margin:0;font-size:9px}
.client-card-actions{flex-direction:column;gap:6px;display:flex}
.client-card-actions button,.client-card-actions a,.profile-route-head button,.profile-route-head a{color:#42515f;background:#fff;border:1px solid #d5dce4;border-radius:7px;justify-content:center;align-items:center;height:32px;padding:0 9px;font-size:8px;font-weight:800;display:flex}
.client-card-actions a,.profile-route-head a{color:#fff;background:#2f6feb;border-color:#2f6feb}
.route-empty{text-align:center;color:#71808c;background:#fff;border:1px dashed #d5dce4;border-radius:13px;grid-column:1/-1;padding:70px}
.route-empty>span{font-size:30px}
.route-empty h3{color:#24313d;margin:9px 0 4px}
.route-empty p{margin:0;font-size:10px}
.route-empty.small{padding:28px}
.profile-route-head>div:last-child{gap:7px;display:flex}
.profile-columns{grid-template-columns:minmax(0,1fr) 330px;gap:14px;display:grid}
.profile-main,.assign-panel{background:#fff;border:1px solid #dfe4ea;border-radius:14px;padding:18px}
.section-route-title{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}
.section-route-title h3{margin:4px 0 0;font-size:17px}
.section-route-title>b{color:#526170;background:#edf1f5;border-radius:5px;padding:4px 7px;font-size:9px}
.approved-list article{border-top:1px solid #e5e9ed;grid-template-columns:44px minmax(0,1fr) 100px 105px;align-items:center;gap:10px;min-height:62px;font-size:9px;display:grid}
.approved-list img,.assign-panel img{object-fit:cover;border-radius:7px;width:40px;height:40px}
.approved-list strong,.approved-list small{display:block}
.approved-list small{color:#74808d;margin-top:3px}
.approved-list>article>span{color:#5f6d7a}
.approved-list>article>b{color:#1d7149}
.request-title{margin-top:25px}
.request-list article{border-top:1px solid #e5e9ed;align-items:center;gap:10px;min-height:56px;font-size:9px;display:flex}
.request-list article>div:first-child{flex:1;min-width:0}
.request-list strong,.request-list a{display:block}
.request-list a{color:#6e7b87;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.request-list>article>span{text-transform:capitalize;border-radius:10px;padding:4px 7px}
.request-list .pending{color:#8b5a16;background:#fff4de}
.request-list .approved{color:#1d7448;background:#eaf7ef}
.request-list .rejected{color:#9a3f51;background:#fbecef}
.request-list>article>div:last-child{gap:5px;display:flex}
.request-list button{background:#fff;border:1px solid #d5dce4;border-radius:6px;height:29px;font-size:8px}
.request-list button:last-child{color:#fff;background:#2f6feb;border-color:#2f6feb}
.assign-panel>span{color:#6f7b87;letter-spacing:1px;font-size:8px;font-weight:850}
.assign-panel h3{margin:5px 0}
.assign-panel>p{color:#6d7a86;margin:0 0 12px;font-size:9px}
.assign-panel>div{max-height:420px;overflow:auto}
.assign-panel label{border-top:1px solid #e6eaee;align-items:center;gap:8px;padding:8px 0;display:flex}
.assign-panel label>span{min-width:0}
.assign-panel strong,.assign-panel small{font-size:9px;display:block}
.assign-panel strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.assign-panel small{color:#74808c;margin-top:3px}
.assign-panel>button{color:#fff;background:#2f6feb;border:0;border-radius:8px;width:100%;height:38px;margin-top:12px;font-size:9px;font-weight:800}
.import-route{background:#fff;border:1px solid #dfe4ea;border-radius:16px;grid-template-columns:1fr 1.1fr;gap:40px;padding:32px;display:grid}
.import-route-copy{padding:20px 5px}
.import-route h2{font-size:34px}
.import-features{flex-wrap:wrap;gap:7px;margin-top:20px;display:flex}
.import-features b{color:#526170;background:#eef3fa;border-radius:6px;padding:7px 9px;font-size:9px}
.import-route-box textarea{resize:vertical;border:1px solid #cfd7df;border-radius:11px;outline:0;width:100%;height:245px;padding:14px}
.import-route-box>div{color:#73808c;justify-content:space-between;margin:7px 2px;font-size:9px;display:flex}
.import-route-box>button{color:#fff;background:#2f6feb;border:0;border-radius:8px;width:100%;height:42px;font-weight:850}
.import-progress{background:#fff;border:1px solid #dfe4ea;border-radius:12px;margin-top:14px;padding:16px}
.import-progress>div:first-child{justify-content:space-between;font-size:9px;display:flex}
.progress-track{background:#e8edf2;border-radius:8px;height:7px;margin:11px 0;overflow:hidden}
.progress-track i{background:#2f6feb;height:100%;display:block}
.import-progress p{color:#667480;margin:0;font-size:10px}
.filter-route-bar{background:#fff;border:1px solid #dfe4ea;border-radius:12px;gap:10px;margin-bottom:12px;padding:12px;display:flex}
.filter-route-bar>input{flex:1}
.filter-route-bar input{border:1px solid #d5dce4;border-radius:7px;outline:0;height:38px;padding:0 10px}
.filter-route-bar label{color:#61707d;border:1px solid #d5dce4;border-radius:7px;align-items:center;gap:5px;height:38px;padding:0 9px;font-size:8px;font-weight:850;display:flex}
.filter-route-bar label input{border:0;width:65px;padding:0 4px}
.filter-results{background:#fff;border:1px solid #dfe4ea;border-radius:13px;padding:16px}
.filter-results article{border-top:1px solid #e5e9ed;grid-template-columns:48px minmax(0,1fr) 100px 100px 55px;align-items:center;gap:10px;min-height:66px;font-size:9px;display:grid}
.filter-results img{object-fit:cover;border-radius:7px;width:44px;height:44px}
.filter-results strong,.filter-results small{display:block}
.filter-results small{color:#72808c;margin-top:3px}
.filter-results p{margin:0}
.filter-results a{color:#245eb8;font-weight:800}
.calculator-route{background:#fff;border:1px solid #dfe4ea;border-radius:16px;padding:32px}
.calculator-inputs{grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0;display:grid}
.calculator-inputs label{color:#667583;font-size:8px;font-weight:850}
.calculator-inputs input{border:1px solid #ccd5df;border-radius:8px;width:100%;height:48px;margin-top:6px;padding:0 12px;font-size:17px;font-weight:800}
.calculator-results{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}
.calculator-results article{background:#f5f8fc;border:1px solid #dbe3eb;border-radius:11px;padding:18px}
.calculator-results small,.calculator-results span{color:#6d7a87;font-size:8px;display:block}
.calculator-results strong{color:#245eb8;margin:7px 0;font-size:27px;display:block}
.settings-cards{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}
.settings-cards article{background:#fff;border:1px solid #dfe4ea;border-radius:13px;gap:10px;padding:18px;display:flex}
.settings-cards strong{font-size:12px}
.settings-cards p{color:#6b7885;font-size:9px;line-height:1.5}
@media (width<=950px){.client-directory,.profile-columns,.import-route{grid-template-columns:1fr}
.filter-route-bar{flex-wrap:wrap}
.filter-route-bar>input{flex-basis:100%}
.settings-cards{grid-template-columns:1fr}
.route-head{flex-direction:column;align-items:flex-start}
.route-create{width:100%;min-width:0}
}
@media (width<=650px){.client-directory article{flex-wrap:wrap;align-items:flex-start}
.client-card-actions{flex-direction:row;width:100%}
.client-card-actions>*{flex:1}
.profile-route-head{flex-direction:column;align-items:flex-start}
.approved-list{overflow-x:auto}
.approved-list article{min-width:620px}
.import-route{padding:20px}
.filter-route-bar label{width:100%}
.calculator-inputs,.calculator-results{grid-template-columns:1fr}
}
.client-photo{cursor:zoom-in;background:#f5f6f7;border:0;border-radius:9px;width:105px;height:105px;padding:0;position:relative;overflow:hidden}
.client-photo img{object-fit:contain;width:100%;height:100%}
.client-photo>span{color:#fff;white-space:nowrap;background:#141e28d1;border-radius:4px;padding:3px 6px;font-size:7px;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}
.requested-products{border-top:1px solid #e2e7ec;grid-column:1/-1;margin-top:8px;padding-top:18px}
.requested-products>article{border:1px solid #e0e5ea;border-radius:10px;grid-template-columns:78px minmax(0,1fr) 76px;align-items:center;gap:12px;min-height:96px;margin-top:8px;padding:9px;display:grid}
.request-photo{width:76px;height:76px}
.requested-products strong,.requested-products small{display:block}
.requested-products strong{font-size:11px}
.requested-products small{color:#71808c;margin-top:4px;font-size:8px}
.requested-products p{gap:12px;margin:8px 0;font-size:9px;display:flex}
.requested-products a{color:#245eb8;font-size:9px;font-weight:750}
.requested-products em{text-align:center;text-transform:capitalize;border-radius:12px;padding:5px 8px;font-size:8px;font-style:normal}
.requested-products em.pending{color:#8b5a16;background:#fff4de}
.requested-products em.approved{color:#1d7448;background:#eaf7ef}
.requested-products em.rejected{color:#9a3f51;background:#fbecef}
.client-photo-modal{z-index:100;background:#0c1218cc;place-items:center;padding:20px;display:grid;position:fixed;inset:0}
.client-photo-modal section{background:#fff;border-radius:16px;width:min(760px,100%);max-height:90vh;padding:18px;position:relative}
.client-photo-modal section>button{background:#fff;border:1px solid #d5dce4;border-radius:8px;width:34px;height:34px;font-size:20px;position:absolute;top:12px;right:14px}
.client-photo-modal h3{margin:0 45px 14px 0;font-size:16px}
.client-photo-modal img{object-fit:contain;background:#f6f7f8;border-radius:10px;width:100%;height:min(620px,70vh);display:block}
.request-list.detailed article{grid-template-columns:58px minmax(0,1fr) 70px auto;min-height:82px;display:grid}
.request-list.detailed>article>img{object-fit:contain;background:#f5f6f7;border-radius:7px;width:54px;height:54px}
.request-list.detailed small{color:#687583;margin:4px 0;font-size:8px;display:block}
@media (width<=650px){.client-photo{width:78px;height:78px}
.requested-products>article{grid-template-columns:64px minmax(0,1fr)}
.request-photo{width:62px;height:62px}
.requested-products em{grid-column:2}
.request-list.detailed{overflow-x:auto}
.request-list.detailed article{min-width:680px}
}
@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
.notification-centre{position:relative}
.notification-centre>button{color:#245eb8;background:#fff;border:1px solid #d8e0e8;border-radius:10px;width:40px;height:40px;font-size:20px;position:relative}
.notification-centre>button b{color:#fff;background:#c43d55;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:9px;display:grid;position:absolute;top:-6px;right:-5px}
.notification-centre>div{z-index:70;background:#fff;border:1px solid #dbe3eb;border-radius:14px;width:360px;max-height:480px;position:absolute;top:48px;right:0;overflow:auto;box-shadow:0 18px 55px #192a3e2e}
.notification-centre header{background:#f7f9fc;border-bottom:1px solid #e2e7ed;justify-content:space-between;align-items:center;padding:13px;display:flex;position:sticky;top:0}
.notification-centre header button{color:#245eb8;background:0 0;border:0;font-size:10px;font-weight:800}
.notification-centre article{border-bottom:1px solid #edf0f3;padding:12px 14px}
.notification-centre article.unread{background:#eef4ff;border-left:3px solid #2f6feb}
.notification-centre article strong{font-size:11px}
.notification-centre article p,.notification-empty{color:#6e7b87;margin:4px 0 0;font-size:9px}
.notification-empty{text-align:center;padding:24px}
.quick-controls select,.bulk-category-select,.import-category-select{color:#344454;background:#fff;border:1px solid #cbd6e1;border-radius:9px;height:44px;padding:0 32px 0 10px;font-size:11px;font-weight:800}
.bulk-category-select{width:100%;margin:10px 0}
.import-category-select{width:100%;margin-bottom:10px}
.stock-badge{border-radius:16px;justify-content:center;align-items:center;min-width:88px;padding:7px 9px;font-size:9px;font-weight:900;display:inline-flex}
.stock-badge.in_stock{color:#1d7a4a;background:#e8f7ef}
.stock-badge.out_of_stock{color:#8a5a16;background:#fff3dc}
.stock-badge.unavailable{color:#a43a4e;background:#fff0f2}
.pagination{align-items:center;gap:7px;display:flex}
.pagination button{color:#245eb8;background:#fff;border:1px solid #d1dae4;border-radius:7px;width:32px;height:30px}
.pagination b{color:#657382;font-size:10px}
.archive-columns{grid-template-columns:minmax(0,1fr) 360px;gap:16px;display:grid}
.archive-columns>div,.archive-columns>aside{background:#fff;border:1px solid #dfe5eb;border-radius:14px;padding:18px}
.archive-list article{border-top:1px solid #e6ebef;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:78px;padding:10px;display:grid}
.archive-list img{object-fit:contain;width:52px;height:52px}
.archive-list strong,.archive-list small{display:block}
.archive-list strong{font-size:12px}
.archive-list small{color:#71808d;margin-top:5px;font-size:9px}
.archive-list button,.archive-category-list button{color:#245eb8;background:#edf3ff;border:1px solid #b8c9e8;border-radius:8px;height:34px;padding:0 12px;font-size:10px;font-weight:850}
.archive-category-list article{border-top:1px solid #e6ebef;justify-content:space-between;align-items:center;padding:12px 4px;font-size:12px;display:flex}
.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}
.management-card{background:#fff;border:1px solid #dfe5eb;border-radius:15px;padding:22px;box-shadow:0 8px 30px #1c2d410a}
.management-card>span,.sub-label{color:#245eb8;letter-spacing:1.1px;font-size:9px;font-weight:900}
.management-card h3{margin:7px 0 16px;font-size:21px}
.management-form{grid-template-columns:1fr 1fr;gap:8px;display:grid}
.management-form input,.management-form select,.category-create input{background:#fff;border:1px solid #ccd6e0;border-radius:8px;height:42px;padding:0 10px;font-size:11px}
.management-form button,.category-create button{color:#fff;background:#2f6feb;border:0;border-radius:8px;height:42px;font-size:10px;font-weight:850}
.management-list{margin-top:14px}
.management-list>div{border-top:1px solid #e7ebef;align-items:center;gap:7px;padding:10px 0;display:flex}
.management-list>div>div{flex:1;min-width:0}
.management-list strong,.management-list small{display:block}
.management-list strong{font-size:11px}
.management-list small{color:#71808c;margin-top:4px;font-size:9px}
.management-list button{color:#465565;background:#fff;border:1px solid #cbd5df;border-radius:7px;height:30px;font-size:9px}
.management-list button.danger{color:#a43a4e;border-color:#efc5cd}
.file-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}
.file-actions a,.file-actions label,.backup-download{color:#245eb8;cursor:pointer;background:#edf3ff;border:1px solid #bfd0ef;border-radius:8px;justify-content:center;align-items:center;height:42px;font-size:10px;font-weight:850;text-decoration:none;display:flex}
.file-actions label{grid-column:1/-1}
.file-actions input{display:none}
.card-note{color:#6d7b87;font-size:10px;line-height:1.5}
.sub-label{margin-top:18px;display:block}
.category-create{grid-template-columns:1fr auto;gap:7px;margin-top:8px;display:grid}
.category-create button{padding:0 14px}
.category-manage{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}
.category-manage>div{background:#f2f5f8;border-radius:18px;align-items:center;gap:6px;padding:6px 7px 6px 10px;font-size:10px;display:flex}
.category-manage button{color:#a43a4e;background:0 0;border:0;font-size:8px;font-weight:800}
.backup-download{width:100%}
@media (width<=900px){.archive-columns,.settings-grid{grid-template-columns:1fr}
.notification-centre>div{width:auto;position:fixed;top:76px;left:12px;right:12px}
.management-form{grid-template-columns:1fr}
.quick-controls select{width:100%}
}
.profile-status-line{align-items:center;gap:10px;display:flex}
.profile-status-line>span{letter-spacing:1.25px;color:#6b7885;font-size:9px;font-weight:850}
.profile-status-line>b{border-radius:20px;padding:5px 8px;font-size:8px}
.profile-status-line .active{color:#1d7448;background:#eaf7ef}
.profile-status-line .revoked{color:#a13d50;background:#fbecef}
.profile-name-line{align-items:center;gap:10px;display:flex}
.profile-name-line h2{margin-right:2px}
.profile-route-head .edit-client-name{color:#245eb8!important;background:#edf3ff!important;border-color:#bfd0ef!important;height:32px!important;padding:0 10px!important;font-size:10px!important}
.profile-route-head .edit-client-name:hover{background:#dfeaff!important}
.profile-route-head.access-off{background:linear-gradient(135deg,#fff,#fff7f8);border-color:#efcbd2}
.profile-route-head .danger-button{color:#a52f45;background:#fff2f4;border-color:#e8bdc6}
.profile-route-head .restore-button{color:#fff;background:#2f6feb;border-color:#2f6feb}
.client-directory article.client-revoked{background:#fbf7f8;border-color:#ead7dc}
.client-revoked .client-avatar-large{color:#9f4052;background:#f6e8eb}
.client-revoked small{color:#a64b5c}
.professional-table{border:1px solid #e0e5ea;border-radius:11px;overflow:hidden}
.professional-table .approved-table-head,.professional-table article{grid-template-columns:minmax(280px,1fr) 82px 96px 100px;align-items:center;gap:12px;display:grid}
.professional-table .approved-table-head{color:#75818e;text-transform:uppercase;letter-spacing:.35px;background:#f6f8fa;min-height:36px;padding:0 12px;font-size:8px;font-weight:850}
.professional-table article{border-top:1px solid #e5e9ed;min-height:68px;padding:8px 12px;font-size:9px}
.professional-table .approved-product{align-items:center;gap:10px;min-width:0;display:flex}
.professional-table .approved-product>div{min-width:0}
.professional-table .approved-product a{color:#22303c;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:800;display:block;overflow:hidden}
.professional-table .approved-product a:hover{color:#245eb8}
.professional-table .approved-product small{color:#74808d;margin-top:4px;font-size:8px;display:block}
.professional-table article>span{color:#667480}
.professional-table article>strong{color:#202e3a}
.professional-table article>b.filled{color:#1d7149}
.professional-table article>b.empty{color:#9a6670;font-weight:700}
.request-list.detailed article>div:nth-child(2){min-width:0}
.request-list.detailed article>div:nth-child(2)>strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.access-modal{z-index:110;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#141b238c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}
.access-modal>section{text-align:center;background:#fff;border:1px solid #e2e6eb;border-radius:16px;width:min(430px,100%);padding:25px;box-shadow:0 24px 70px #19222c38}
.warning-icon{color:#a52f45;background:#fbecef;border-radius:50%;place-items:center;width:44px;height:44px;margin:0 auto 12px;font-size:22px;font-weight:900;display:grid}
.access-modal h3{margin:0;font-size:19px}
.access-modal p{color:#677582;margin:9px 0 20px;font-size:11px;line-height:1.6}
.access-modal section>div:last-child{justify-content:flex-end;gap:8px;display:flex}
.access-modal button{background:#fff;border:1px solid #d5dce4;border-radius:8px;height:38px;padding:0 13px;font-size:9px;font-weight:800}
.access-modal .danger-button{color:#fff;background:#b83a50;border-color:#b83a50}
.name-edit-modal section{text-align:left}
.name-edit-modal .name-edit-icon{color:#245eb8;background:#edf3ff;border-radius:13px;place-items:center;width:44px;height:44px;margin:0 auto 12px;font-size:20px;font-weight:900;display:grid}
.name-edit-modal h3,.name-edit-modal p{text-align:center}
.name-edit-modal label{color:#5f6e7c;letter-spacing:.7px;font-size:9px;font-weight:900;display:block}
.name-edit-modal input{color:#182430;background:#f9fbfd;border:1px solid #c8d3df;border-radius:9px;outline:0;width:100%;height:48px;margin-top:7px;padding:0 13px;font-size:14px}
.name-edit-modal input:focus{border-color:#2f6feb;box-shadow:0 0 0 3px #2f6feb1f}
.name-edit-modal label+small{color:#788592;margin:7px 2px 17px;font-size:9px;display:block}
.name-edit-modal .save-name-button{color:#fff;background:#2f6feb;border-color:#2f6feb}
.name-edit-modal .save-name-button:disabled{opacity:.55}
.client-access-blocked{background:radial-gradient(circle at 50% 20%,#eaf1ff,#f3f5f8 48%)}
.client-access-blocked section{text-align:center;background:#fff;border:1px solid #dfe4ea;border-radius:18px;width:min(470px,100% - 32px);padding:38px;box-shadow:0 20px 55px #2030421a}
.client-access-blocked section>div{color:#fff;background:#2f6feb;border-radius:13px;place-items:center;width:48px;height:48px;margin:0 auto 18px;font-weight:900;display:grid}
.client-access-blocked span{letter-spacing:1.5px;color:#a03f51;font-size:8px;font-weight:850}
.client-access-blocked h1{margin:8px 0;font-size:23px}
.client-access-blocked p{color:#697784;max-width:340px;margin:0 auto;font-size:11px;line-height:1.6}
@media (width<=760px){.professional-table{overflow-x:auto}
.professional-table .approved-table-head,.professional-table article{min-width:650px}
.profile-status-line{flex-direction:column;align-items:flex-start;gap:6px}
.access-modal section>div:last-child{flex-direction:column-reverse}
.access-modal button{width:100%}
}
.side-brand{font-size:19px}
.side-brand small{font-size:8px}
.side-nav p{font-size:9px}
.side-nav a,.side-nav button{height:48px;font-size:13px}
.side-nav b,.side-nav em{font-size:10px}
.side-profile div{font-size:12px}
.side-profile small,.topbar>div:first-of-type p{font-size:9px}
.topbar h1{font-size:19px}
.live-pill,.new-product,.accent-button{font-size:11px}
.route-head span,.profile-route-head>div:first-child>span,.section-route-title span{font-size:10px}
.route-head h2,.profile-route-head h2{font-size:29px}
.route-head p,.profile-route-head p{font-size:13px}
.profile-route-head button,.profile-route-head a{height:38px;font-size:10px}
.section-route-title h3{font-size:21px}
.section-route-title>b{font-size:11px}
.profile-columns{grid-template-columns:minmax(0,1fr) 360px}
.assign-panel>span{font-size:10px}
.assign-panel h3{font-size:18px}
.assign-panel>p{font-size:11px;line-height:1.5}
.assign-panel strong{font-size:11px}
.assign-panel small{font-size:9px}
.assign-panel>button{height:43px;font-size:11px}
.assign-panel input[type=checkbox]{appearance:none;background:#fff;border:1.5px solid #b6c1cc;border-radius:5px;place-items:center;width:18px;min-width:18px;height:18px;display:grid;box-shadow:0 1px 2px #1e2d3c0d}
.assign-panel input[type=checkbox]:checked{background:#2f6feb;border-color:#2f6feb}
.assign-panel input[type=checkbox]:checked:after{content:"✓";color:#fff;font-size:12px;font-weight:900;line-height:1}
.professional-table .approved-table-head,.professional-table article{grid-template-columns:minmax(300px,1fr) 90px 105px 110px}
.professional-table .approved-table-head{min-height:42px;font-size:10px}
.professional-table article{min-height:80px;font-size:12px}
.professional-table .approved-product a{font-size:13px}
.professional-table .approved-product small{font-size:10px}
.professional-table .approved-product img{object-fit:contain;width:48px;height:48px}
.professional-table.removable-table .approved-table-head,.professional-table.removable-table article{grid-template-columns:minmax(300px,1fr) 90px 105px 110px 72px}
.remove-product{color:#a43a4e;background:#fff5f6;border:1px solid #efc5cd;border-radius:7px;height:34px;font-size:10px;font-weight:800}
.remove-product:hover{background:#fbecef}
.section-explainer{color:#687684;margin:-3px 0 13px;font-size:11px;line-height:1.5}
.request-list.detailed article{font-size:11px}
.request-list.detailed strong{font-size:12px}
.request-list.detailed small,.request-list.detailed a{font-size:10px}
.client-owned-admin article{grid-template-columns:64px minmax(0,1fr) 82px auto;min-height:92px}
.client-owned-admin>article>img{width:58px;height:58px}
.client-owned-admin button{height:34px;padding:0 10px;font-size:9px}
.client-top{height:86px}
.client-top small{font-size:10px}
.client-top h1{font-size:22px}
.client-top>span{padding:8px 12px;font-size:11px}
.client-hero h2{font-size:38px}
.client-hero p,.client-request p{font-size:14px;line-height:1.55}
.client-hero>div:first-child>span,.client-section-title span,.client-request>div:first-child>span,.client-summary span{font-size:11px}
.client-section-title h2,.client-request h2{font-size:26px}
.client-section-title>b{font-size:13px}
.client-grid>article{grid-template-columns:118px minmax(0,1fr);gap:17px;padding:16px}
.client-photo{width:118px;height:118px}
.client-product-info>a{margin:10px 0 5px;font-size:14px;line-height:1.35}
.client-product-info>small{font-size:10px}
.client-prices{gap:34px;margin:14px 0}
.client-prices small{font-size:9px}
.client-prices s,.client-prices strong{font-size:18px}
.client-product-info label>span{font-size:9px}
.client-product-info label>div{height:42px}
.client-product-info label input{font-size:16px}
.client-product-info label>small{font-size:9px}
.client-request-box input{height:48px;font-size:13px}
.client-request-box button{height:48px;font-size:12px}
.client-empty h3{font-size:17px}
.client-empty p{font-size:12px}
.own-product-section{border-top:1px solid #e3e8ed;grid-column:1/-1;margin-top:4px;padding-top:22px}
.auto-live-badge{color:#1d7448;background:#eaf7ef!important}
.client-tags{justify-content:space-between;align-items:center;gap:8px;display:flex}
.client-tags em{white-space:nowrap;border-radius:15px;padding:5px 8px;font-size:9px;font-style:normal;font-weight:750}
.client-tags em.approved{color:#1d7448;background:#eaf7ef}
.client-tags em.pending,.client-tags em.rejected{color:#596876;background:#eef2f6}
.category-picker{color:#245eb8;background:#fff;border:1px solid #cbd6e1;border-radius:7px;outline:0;max-width:155px;height:30px;padding:0 26px 0 8px;font-size:10px;font-weight:800}
.category-picker:focus{border-color:#2f6feb;box-shadow:0 0 0 3px #2f6feb1a}
@media (width<=1100px){.profile-columns{grid-template-columns:1fr}
.professional-table{overflow-x:auto}
.professional-table .approved-table-head,.professional-table article{min-width:760px}
}
@media (width<=650px){.client-hero h2{font-size:30px}
.client-grid>article{grid-template-columns:90px minmax(0,1fr)}
.client-photo{width:90px;height:90px}
.client-tags{flex-direction:column;align-items:flex-start}
.category-picker{width:100%;max-width:100%}
}
input[type=checkbox]{appearance:none;background:#fff;border:1.5px solid #aebac7;border-radius:5px;place-items:center;width:18px;min-width:18px;height:18px;display:grid;box-shadow:inset 0 0 0 1px #fff,0 1px 2px #1c2a3814}
input[type=checkbox]:checked{background:#2f6feb;border-color:#2f6feb}
input[type=checkbox]:checked:after{content:"✓";color:#fff;font-size:12px;font-weight:900;line-height:1}
input[type=checkbox]:disabled{background:#eef1f4;border-color:#d5dce4}
.table-category-select,.admin-category-select{color:#344454;background:#fff;border:1px solid #cbd5df;border-radius:8px;outline:0;max-width:145px;height:36px;padding:0 28px 0 10px;font-size:11px;font-weight:750}
.table-category-select:focus,.admin-category-select:focus{border-color:#2f6feb;box-shadow:0 0 0 3px #2f6feb1a}
.category-table .approved-table-head,.category-table article{grid-template-columns:minmax(260px,1fr) 135px 82px 100px 105px 72px}
.catalog-bulk-bar{background:#f7f9fc;border:1px solid #d9e2ed;border-radius:10px;justify-content:flex-end;align-items:center;gap:8px;min-height:56px;margin:0 0 10px;padding:8px 10px;display:flex}
.catalog-bulk-bar>span{color:#5d6b79;margin-right:auto;font-size:12px}
.catalog-bulk-bar>span b{color:#245eb8;font-size:15px}
.catalog-bulk-bar button{color:#43515f;background:#fff;border:1px solid #ccd6e0;border-radius:8px;height:38px;padding:0 12px;font-size:10px;font-weight:800}
.catalog-bulk-bar button:last-child{color:#fff;background:#2f6feb;border-color:#2f6feb}
.client-catalog-table{background:#fff;border:1px solid #dce3ea;border-radius:12px;overflow-x:auto}
.client-catalog-head,.client-catalog-table article{grid-template-columns:36px minmax(255px,1fr) 135px 88px 105px 115px 145px;align-items:center;gap:12px;min-width:930px;padding:0 12px;display:grid}
.client-catalog-head{color:#6c7986;text-transform:uppercase;letter-spacing:.5px;background:#f4f7fa;height:44px;font-size:9px;font-weight:850}
.client-catalog-table article{border-top:1px solid #e2e7ec;min-height:86px;font-size:12px;transition:all .16s}
.client-catalog-table article.selected{background:#eef4ff}
.client-catalog-table article>span:first-child{place-items:center;display:grid}
.client-catalog-table article>span:first-child>i{color:#1d7448;background:#eaf7ef;border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;font-style:normal;font-weight:900;display:grid}
.catalog-product{align-items:center;gap:11px;min-width:0;display:flex}
.catalog-product img{object-fit:contain;background:#f5f7f9;border-radius:8px;flex:none;width:56px;height:56px}
.catalog-product>div{min-width:0}
.catalog-product a{color:#1c2935;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:850;display:block;overflow:hidden}
.catalog-product small{color:#71808d;margin-top:5px;font-size:9px;display:block}
.client-catalog-table article>strong{color:#22303c;font-size:16px}
.client-catalog-table .live-value{color:#111d28}
.client-catalog-table .selling-value{color:#245eb8}
.client-catalog-table article>strong small{color:#75818d;margin-top:4px;font-size:8px;font-weight:600;display:block}
.catalog-decision{flex-wrap:wrap;align-items:center;gap:6px;display:flex}
.catalog-decision em{white-space:nowrap;border-radius:16px;padding:6px 9px;font-size:9px;font-style:normal;font-weight:800}
.catalog-decision em.pending{color:#8a5a16;background:#fff3dc}
.catalog-decision em.approved{color:#1d7448;background:#eaf7ef}
.catalog-decision em.rejected{color:#536272;background:#eef2f6}
.catalog-decision button{color:#fff;background:#2f6feb;border:0;border-radius:7px;height:32px;padding:0 9px;font-size:9px;font-weight:800}
@media (width<=1150px){.category-table{overflow-x:auto}
.category-table .approved-table-head,.category-table article{min-width:860px}
.catalog-bulk-bar{flex-wrap:wrap}
.catalog-bulk-bar>span{width:100%}
}
.zoro-brand-logo{object-fit:contain;box-shadow:0 4px 14px #1c56d733;background:0 0!important;border-radius:50%!important;width:42px!important;height:42px!important}
.side-profile>img{object-fit:contain;border-radius:50%;flex:none;width:34px;height:34px}
.developer-credit{color:#74808d;text-align:center;letter-spacing:.4px;border-top:1px solid #e0e5ea;margin:0 12px 12px;padding-top:10px;font-size:8px;font-weight:750}
.topbar-zoro-logo{object-fit:contain;border-radius:50%;width:42px;height:42px}
.admin-brand-footer{text-align:center;color:#74808d;letter-spacing:.3px;padding:18px 24px 22px;font-size:10px;font-weight:700}
.client-logo{object-fit:contain;background:0 0!important;border-radius:50%!important}
.blocked-logo{object-fit:contain;width:64px;height:64px;margin:0 auto 16px}
.client-access-blocked section>small{color:#788592;margin-top:20px;font-size:9px;display:block}
.client-brand-footer{color:#607080;border-top:1px solid #dde3e9;justify-content:center;align-items:center;gap:8px;max-width:1180px;margin:18px auto 0;padding:18px;font-size:10px;display:flex}
.client-brand-footer img{object-fit:contain;width:30px;height:30px}
.client-brand-footer span{border-left:1px solid #d8dfe6;padding-left:8px}
.delete-own-product{color:#a43b4e;background:#fff5f6;border:1px solid #efc4cc;border-radius:7px;width:100%;height:34px;margin-top:10px;font-size:9px;font-weight:800}
.delete-own-product:hover{background:#fbecef}
.delete-profile-button{color:#fff!important;background:#b83a50!important;border-color:#b83a50!important}
.assign-panel>div:not(.catalog-filter-controls):not(.catalog-filter-summary){max-height:620px;overflow:auto}
.assign-panel .catalog-choice{border-top:1px solid #e6eaee;grid-template-columns:18px 42px minmax(0,1fr);align-items:center;gap:8px;padding:10px 0;display:grid}
.assign-panel .catalog-choice.approved{background:#f7fbf8}
.catalog-choice>div{min-width:0}
.catalog-choice strong,.catalog-choice small{display:block}
.catalog-choice img{object-fit:contain;width:42px;height:42px}
.catalog-choice em{color:#245eb8;background:#eef3fb;border-radius:12px;margin-top:7px;padding:4px 7px;font-size:8px;font-style:normal;font-weight:800;display:inline-block}
.catalog-filter-controls{grid-template-columns:minmax(0,1fr) auto;gap:7px;margin:12px 0 7px;display:grid!important;overflow:visible!important}
.catalog-filter-controls select{color:#344454;background:#fff;border:1px solid #cbd5df;border-radius:8px;outline:0;height:38px;padding:0 28px 0 10px;font-size:10px;font-weight:800}
.catalog-filter-controls button{color:#245eb8;background:#edf3ff;border:1px solid #b9cbea;border-radius:8px;height:38px;padding:0 10px;font-size:9px;font-weight:850}
.catalog-filter-summary{color:#6d7a87;justify-content:space-between;align-items:center;margin-bottom:7px;font-size:8px;display:flex!important;overflow:visible!important}
.catalog-filter-summary b{color:#245eb8}
.catalog-decision .delete-request-button{color:#a43a4e;background:#fff3f5;border:1px solid #efc5cd}
.client-request-box select{color:#344454;background:#fff;border:1px solid #cbd5df;border-radius:8px;outline:0;min-width:135px;height:48px;padding:0 28px 0 10px;font-size:11px;font-weight:800}
.client-admin-profile .profile-route-head>div:first-child>span{font-size:12px}
.client-admin-profile .profile-route-head h2{font-size:32px}
.client-admin-profile .profile-route-head p{font-size:15px}
.client-admin-profile .profile-route-head button,.client-admin-profile .profile-route-head a{height:44px;font-size:12px}
.client-admin-profile .profile-columns{grid-template-columns:minmax(0,1fr) 430px}
.client-admin-profile .section-route-title span{font-size:12px}
.client-admin-profile .section-route-title h3{font-size:25px}
.client-admin-profile .section-route-title>b{font-size:13px}
.client-admin-profile .section-explainer{font-size:14px}
.client-admin-profile .assign-panel>span{font-size:12px}
.client-admin-profile .assign-panel h3{font-size:22px}
.client-admin-profile .assign-panel>p{font-size:13px;line-height:1.6}
.client-admin-profile .catalog-choice strong{font-size:13px}
.client-admin-profile .catalog-choice small{font-size:11px}
.client-admin-profile .catalog-choice em{font-size:10px}
.client-admin-profile .catalog-filter-summary{font-size:11px}
.client-admin-profile .assign-panel>button{height:46px;font-size:13px}
.client-catalog-controls{grid-template-columns:minmax(0,1fr) auto auto!important}
.client-catalog-controls select,.client-catalog-controls button{height:42px;font-size:11px}
.client-catalog-controls .select-all-catalog{color:#fff;background:#245eb8;border-color:#245eb8}
@media (width<=1250px){.client-admin-profile .profile-columns{grid-template-columns:1fr}
.client-catalog-controls{grid-template-columns:1fr 1fr!important}
.client-catalog-controls select{grid-column:1/-1}
}
@media (width<=650px){.client-brand-footer{flex-wrap:wrap}
.client-brand-footer span{text-align:center;border-left:0;width:100%;padding-left:0}
.developer-credit{display:block}
.topbar-zoro-logo{width:36px;height:36px}
}
.password-settings{background:#fff;border:1px solid #dde4eb;border-radius:16px;grid-template-columns:minmax(0,1fr) minmax(340px,480px);gap:34px;margin-top:20px;padding:30px;display:grid;box-shadow:0 10px 34px #1c2d410d}
.password-settings-copy>span{color:#245eb8;letter-spacing:1.2px;font-size:10px;font-weight:900}
.password-settings-copy h2{color:#1d2a36;margin:8px 0 9px;font-size:27px}
.password-settings-copy>p{color:#687785;max-width:560px;margin:0;font-size:13px;line-height:1.65}
.security-note{background:#f3fbf6;border:1px solid #d7eadf;border-radius:10px;align-items:center;gap:11px;margin-top:24px;padding:13px;display:flex}
.security-note>i{color:#fff;background:#2a9461;border-radius:50%;place-items:center;width:30px;height:30px;font-style:normal;font-weight:900;display:grid}
.security-note strong,.security-note small{display:block}
.security-note strong{color:#28563f;font-size:12px}
.security-note small{color:#5f786b;margin-top:3px;font-size:10px}
.password-settings form{background:#f8fafc;border:1px solid #dce3ea;border-radius:12px;gap:13px;padding:20px;display:grid}
.password-settings label{color:#5e6c79;letter-spacing:.7px;font-size:9px;font-weight:900}
.password-settings input{color:#1d2a36;background:#fff;border:1px solid #c8d3df;border-radius:8px;outline:0;width:100%;height:45px;margin-top:6px;padding:0 12px;font-size:13px}
.password-settings input:focus{border-color:#2f6feb;box-shadow:0 0 0 3px #2f6feb1a}
.password-settings form>button{color:#fff;background:#2f6feb;border:0;border-radius:8px;height:45px;font-size:11px;font-weight:900}
.password-settings form>button:disabled{opacity:.55;cursor:not-allowed}
.password-message{border-radius:7px;margin:0;padding:9px 10px;font-size:10px;font-weight:750}
.password-message.error{color:#a43a4e;background:#fff0f2}
.password-message.success{color:#1d7448;background:#eaf7ef}
.env-variable-list{background:#f8fafc;border:1px solid #dce3ea;border-radius:12px;gap:10px;padding:20px;display:grid}
.env-variable-list code{color:#245eb8;background:#fff;border:1px solid #d5dfeb;border-radius:8px;padding:12px;font-size:13px;font-weight:850;display:block}
.env-variable-list p{color:#687785;margin:4px 0 0;font-size:11px;line-height:1.5}
@media (width<=900px){.password-settings{grid-template-columns:1fr;gap:22px;padding:22px}
}
.mobile-app-disabled{background:radial-gradient(circle at 50% 10%,#edf4ff,#f3f6fb 55%);place-items:center;min-height:100vh;padding:24px;display:grid}
.mobile-app-disabled section{text-align:center;background:#fff;border:1px solid #dce4ec;border-radius:22px;width:min(440px,100%);padding:38px 28px;box-shadow:0 24px 65px #1d304721}
.mobile-app-disabled img{object-fit:contain;width:88px;height:88px}
.mobile-app-disabled span{color:#a43a4e;letter-spacing:1.4px;margin-top:16px;font-size:9px;font-weight:900;display:block}
.mobile-app-disabled h1{margin:8px 0;font-size:27px}
.mobile-app-disabled p{color:#697886;margin:0;font-size:13px;line-height:1.6}
.mobile-app-disabled button{color:#fff;background:#245edc;border:0;border-radius:10px;width:100%;height:48px;margin-top:22px;font-size:12px;font-weight:900}
.mobile-app-disabled small{color:#788592;margin-top:22px;font-size:9px;display:block}
.android-access-control{background:linear-gradient(135deg,#f7fcf9,#effaf4);border:1px solid #cce5d7;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px;padding:20px 22px;display:flex}
.android-access-control>div>span{color:#1d7448;letter-spacing:1px;font-size:9px;font-weight:900}
.android-access-control h3{color:#20312a;margin:5px 0 4px;font-size:20px}
.android-access-control p{color:#66786f;margin:0;font-size:11px}
.android-access-control button{color:#fff;white-space:nowrap;background:#b83a50;border:0;border-radius:9px;height:43px;padding:0 16px;font-size:11px;font-weight:900}
.android-access-control.disabled{background:linear-gradient(135deg,snow,#fff1f3);border-color:#edc8cf}
.android-access-control.disabled>div>span{color:#a43a4e}
.android-access-control.disabled h3{color:#7d2b3b}
.android-access-control.disabled button{background:#21855a}
.android-access-control button:disabled{opacity:.55}
.android-admin-head>div:last-child{gap:8px;display:flex}
.android-summary{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;display:grid}
.android-summary article{background:#fff;border:1px solid #dfe5eb;border-radius:13px;padding:18px}
.android-summary small,.android-summary span{color:#71808c;font-size:9px;display:block}
.android-summary strong{color:#245eb8;margin:6px 0;font-size:28px;display:block}
.android-admin-grid{grid-template-columns:minmax(0,1fr) 360px;gap:14px;display:grid}
.android-admin-main{background:#fff;border:1px solid #dfe4ea;border-radius:14px;min-width:0;padding:18px}
.android-admin-table,.android-request-table{border:1px solid #dde4eb;border-radius:11px;overflow-x:auto}
.android-admin-row{border-top:1px solid #e3e8ed;grid-template-columns:minmax(300px,1fr) 95px 110px 100px 74px;align-items:center;gap:12px;min-width:760px;min-height:78px;padding:9px 12px;font-size:12px;display:grid}
.android-admin-row.heading{color:#6c7986;text-transform:uppercase;background:#f5f7fa;border-top:0;min-height:41px;font-size:9px;font-weight:850}
.android-admin-row>strong{color:#101c27;font-size:14px}
.android-admin-row>b{color:#245eb8;font-size:14px}
.android-admin-row>button{color:#a43a4e;background:#fff5f6;border:1px solid #efc5cd;border-radius:7px;height:34px;font-size:9px;font-weight:800}
.android-table-product{align-items:center;gap:11px;min-width:0;display:flex}
.android-table-product img{object-fit:contain;background:#f5f7f9;border-radius:8px;width:54px;height:54px}
.android-table-product>div{min-width:0}
.android-table-product a,.android-table-product small{display:block}
.android-table-product a{color:#1d2a36;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:850;overflow:hidden}
.android-table-product small{color:#71808c;margin-top:5px;font-size:9px}
.android-request-row{border-top:1px solid #e3e8ed;grid-template-columns:30px minmax(270px,1fr) 86px 92px 92px 175px;align-items:center;gap:10px;min-width:900px;min-height:84px;padding:9px 11px;font-size:11px;display:grid}
.android-request-row.heading{color:#6c7986;text-transform:uppercase;background:#f5f7fa;border-top:0;min-height:42px;font-size:9px;font-weight:850}
.android-request-row.selected{background:#eef4ff}
.android-request-row>strong,.android-request-row>b{font-size:13px}
.android-request-actions{flex-wrap:wrap;align-items:center;gap:5px;display:flex}
.android-request-actions em{border-radius:14px;padding:5px 8px;font-size:8px;font-style:normal;font-weight:850}
.android-request-actions em.pending{color:#8a5a16;background:#fff3dc}
.android-request-actions em.catalog{color:#1d7448;background:#eaf7ef}
.android-request-actions em.app_only{color:#536272;background:#eef2f6}
.android-request-actions button{color:#fff;background:#2f6feb;border:0;border-radius:6px;height:30px;padding:0 8px;font-size:8px;font-weight:800}
.android-request-actions button.delete{color:#a43a4e;background:#fff3f5;border:1px solid #efc5cd}
.android-assign-panel>div:not(.catalog-filter-controls):not(.catalog-filter-summary){max-height:680px}
.android-assign-panel .catalog-choice{grid-template-columns:18px 42px minmax(0,1fr);display:grid}
.android-catalog-controls{grid-template-columns:1fr 1fr!important}
.android-catalog-controls select{grid-column:1/-1}
.android-catalog-controls .select-all-catalog{color:#fff;background:#245eb8;border-color:#245eb8}
@media (width<=1120px){.android-admin-grid{grid-template-columns:1fr}
.android-assign-panel{order:-1}
.android-summary{grid-template-columns:1fr 1fr 1fr}
}
@media (width<=700px){.android-summary{grid-template-columns:1fr}
.android-admin-head>div:last-child{flex-wrap:wrap;width:100%}
.android-admin-head>div:last-child>*{flex:1}
.android-admin-main{padding:12px}
.android-access-control{flex-direction:column;align-items:flex-start}
.android-access-control button{width:100%}
}
.mobile-app-shell{color:#14202b;background:#f3f6fb;min-height:100vh;padding:0 0 96px;font-family:Arial,sans-serif}
.mobile-app-header{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border-bottom:1px solid #dfe5ec;justify-content:space-between;align-items:center;height:72px;padding:0 18px;display:flex;position:sticky;top:0}
.mobile-brand{align-items:center;gap:10px;display:flex}
.mobile-brand img{object-fit:contain;width:44px;height:44px}
.mobile-brand strong,.mobile-brand small{display:block}
.mobile-brand strong{font-size:18px}
.mobile-brand small{color:#667687;letter-spacing:1px;margin-top:2px;font-size:7px;font-weight:850}
.install-app{color:#2158d4;background:#edf3ff;border:1px solid #bfd1f3;border-radius:10px;height:38px;padding:0 12px;font-size:10px;font-weight:850}
.mobile-app-hero{color:#fff;background:radial-gradient(circle at 90% 10%,#ffffff38,#0000 35%),linear-gradient(145deg,#245edc,#163891);border-radius:22px;margin:16px 14px 12px;padding:26px 22px;box-shadow:0 16px 34px #1e4eb43b}
.mobile-app-hero>span{letter-spacing:1.5px;opacity:.78;font-size:8px;font-weight:900}
.mobile-app-hero h1{margin:9px 0 8px;font-size:36px;line-height:1.02}
.mobile-app-hero h1 em{color:#a9c7ff;font-style:normal}
.mobile-app-hero>p{color:#dce8ff;max-width:420px;margin:0;font-size:12px;line-height:1.55}
.mobile-app-hero>div{border-top:1px solid #ffffff2e;align-items:center;gap:8px;margin-top:20px;padding-top:16px;display:flex}
.mobile-app-hero>div b{margin-right:auto;font-size:10px}
.mobile-app-hero>div i{background:#60e3a2;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block;box-shadow:0 0 0 4px #60e3a229}
.mobile-app-hero>div strong{font-size:22px}
.mobile-app-hero>div small{color:#cbdcff;font-size:9px}
.mobile-search-bar{grid-template-columns:minmax(0,1fr) 145px;gap:8px;margin:0 14px 13px;display:grid}
.mobile-search-bar label{background:#fff;border:1px solid #d8e0e8;border-radius:12px;align-items:center;height:45px;padding:0 12px;display:flex}
.mobile-search-bar label span{color:#728191}
.mobile-search-bar input{border:0;outline:0;width:100%;min-width:0;padding:0 8px;font-size:12px}
.mobile-search-bar select{color:#465462;background:#fff;border:1px solid #d8e0e8;border-radius:12px;height:45px;padding:0 28px 0 10px;font-size:10px;font-weight:750}
.mobile-catalog,.mobile-add-product{background:#fff;border:1px solid #dee5ec;border-radius:18px;margin:0 14px 13px;padding:18px}
.mobile-section-head{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}
.mobile-section-head span,.mobile-add-product>div:first-child>span{color:#2158d4;letter-spacing:1.2px;font-size:8px;font-weight:900}
.mobile-section-head h2,.mobile-add-product h2{margin:5px 0 0;font-size:22px}
.mobile-section-head>b{color:#2158d4;background:#edf3ff;border-radius:15px;place-items:center;min-width:30px;height:30px;padding:0 9px;font-size:11px;display:grid}
.mobile-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}
.mobile-product-grid>article{border:1px solid #e0e6ec;border-radius:15px;grid-template-columns:112px minmax(0,1fr);gap:13px;min-width:0;padding:11px;display:grid;box-shadow:0 5px 16px #1f30440a}
.mobile-photo{background:#f5f7f9;border:0;border-radius:11px;width:112px;height:112px;padding:5px;position:relative;overflow:hidden}
.mobile-photo img{object-fit:contain;width:100%;height:100%}
.mobile-photo>span{color:#fff;background:#1e2a36;border-radius:50%;place-items:center;width:25px;height:25px;display:grid;position:absolute;bottom:5px;right:5px}
.mobile-item-copy{min-width:0}
.mobile-item-copy>em,.mobile-item-tags>em{color:#2158d4;background:#edf3ff;border-radius:12px;padding:4px 7px;font-size:7px;font-style:normal;font-weight:800;display:inline-block}
.mobile-item-copy h3{white-space:nowrap;text-overflow:ellipsis;margin:7px 0 3px;font-size:12px;overflow:hidden}
.mobile-item-copy>small{color:#71808d;font-size:7px}
.mobile-prices{grid-template-columns:repeat(3,1fr);gap:5px;margin:10px 0;display:grid}
.mobile-prices p{background:#f6f8fa;border-radius:7px;min-width:0;margin:0;padding:6px}
.mobile-prices span{color:#778491;font-size:6px;font-weight:800;display:block}
.mobile-prices s,.mobile-prices strong,.mobile-prices b{white-space:nowrap;margin-top:3px;font-size:11px;display:block}
.mobile-prices strong{color:#111d28}
.mobile-prices b{color:#2158d4}
.mobile-item-copy>a{color:#fff;background:#2158d4;border-radius:8px;justify-content:center;align-items:center;height:30px;font-size:8px;font-weight:850;text-decoration:none;display:flex}
.mobile-item-copy>a span{margin-left:6px}
.mobile-add-product{background:linear-gradient(135deg,#fff,#f4f8ff);grid-template-columns:1fr 1.25fr;align-items:center;gap:18px;display:grid}
.mobile-add-product h2{font-size:24px}
.mobile-add-product p{color:#667584;margin:7px 0 0;font-size:10px;line-height:1.5}
.mobile-add-form{grid-template-columns:130px minmax(0,1fr) auto;gap:7px;display:grid}
.mobile-add-form select,.mobile-add-form input,.mobile-add-form button{border-radius:9px;height:44px}
.mobile-add-form select,.mobile-add-form input{background:#fff;border:1px solid #cad5e0;padding:0 10px;font-size:10px}
.mobile-add-form button{color:#fff;background:#2158d4;border:0;padding:0 14px;font-size:10px;font-weight:850}
.mobile-add-form button:disabled{opacity:.55}
.mobile-own-catalog{background:#fdfefe}
.mobile-item-tags{justify-content:space-between;align-items:center;gap:5px;display:flex}
.mobile-item-tags i{border-radius:12px;padding:4px 7px;font-size:7px;font-style:normal;font-weight:850}
.mobile-item-tags i.pending{color:#8a5a16;background:#fff3dc}
.mobile-item-tags i.catalog{color:#1d7448;background:#eaf7ef}
.mobile-item-tags i.app_only{color:#536272;background:#eef2f6}
.mobile-app-footer{color:#fff;background:#182430;border-radius:16px;align-items:center;gap:10px;margin:0 14px;padding:15px 17px;display:flex}
.mobile-app-footer img{object-fit:contain;width:40px;height:40px}
.mobile-app-footer div{flex:1}
.mobile-app-footer strong,.mobile-app-footer small{display:block}
.mobile-app-footer strong{font-size:11px}
.mobile-app-footer small{color:#aebbc7;margin-top:3px;font-size:8px}
.mobile-app-footer button{color:#fff;background:#253441;border:1px solid #405263;border-radius:8px;height:34px;padding:0 10px;font-size:8px}
.mobile-bottom-nav{display:none}
.mobile-empty{text-align:center;color:#71808c;border:1px dashed #cfdae4;border-radius:11px;padding:34px;font-size:11px}
.mobile-error{color:#a43a4e;background:#fff0f2;border-radius:9px;margin:0 14px 12px;padding:10px 13px;font-size:10px}
.mobile-toast{z-index:80;color:#fff;white-space:nowrap;background:#182430;border-radius:22px;max-width:calc(100% - 30px);padding:11px 16px;font-size:10px;position:fixed;bottom:84px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #121c2640}
.mobile-photo-modal{z-index:90;background:#0b1118d1;place-items:center;padding:18px;display:grid;position:fixed;inset:0}
.mobile-photo-modal section{background:#fff;border-radius:18px;width:min(640px,100%);padding:16px;position:relative}
.mobile-photo-modal section>button{color:#fff;background:#1d2a36;border:0;border-radius:50%;width:34px;height:34px;font-size:20px;position:absolute;top:12px;right:12px}
.mobile-photo-modal h3{margin:0 42px 13px 0;font-size:14px}
.mobile-photo-modal img{object-fit:contain;background:#f5f7f9;border-radius:12px;width:100%;height:min(68vh,580px)}
.mobile-loading{background:#f3f6fb;place-content:center;justify-items:center;gap:8px;min-height:100vh;display:grid}
.mobile-loading img{width:74px;height:74px}
.mobile-loading strong{font-size:22px}
.mobile-loading span{color:#71808c;font-size:10px}
@media (width<=760px){.mobile-app-shell{padding-bottom:96px}
.mobile-app-header{height:66px}
.mobile-brand img{width:40px;height:40px}
.mobile-app-hero{padding:23px 19px}
.mobile-app-hero h1{font-size:32px}
.mobile-search-bar,.mobile-product-grid{grid-template-columns:1fr}
.mobile-product-grid>article{grid-template-columns:100px minmax(0,1fr)}
.mobile-photo{width:100px;height:100px}
.mobile-add-product,.mobile-add-form{grid-template-columns:1fr}
.mobile-bottom-nav{z-index:50;height:72px;padding:7px 24px calc(7px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff7;border-top:1px solid #dce3ea;justify-content:space-around;align-items:flex-end;display:flex;position:fixed;bottom:0;left:0;right:0}
.mobile-bottom-nav a{color:#637180;justify-items:center;gap:3px;font-size:8px;font-weight:800;text-decoration:none;display:grid}
.mobile-bottom-nav a span{font-size:18px}
.mobile-bottom-nav a.add span{color:#fff;background:#2158d4;border:5px solid #f3f6fb;border-radius:50%;place-items:center;width:42px;height:42px;margin-top:-24px;display:grid}
.mobile-app-footer{margin-bottom:10px}
.mobile-toast{bottom:88px}
}
@media (width<=390px){.mobile-app-hero h1{font-size:29px}
.mobile-catalog,.mobile-add-product{padding:14px}
.mobile-product-grid>article{grid-template-columns:84px minmax(0,1fr);gap:10px}
.mobile-photo{width:84px;height:84px}
.mobile-prices{grid-template-columns:1fr 1fr}
.mobile-prices p:last-child{grid-column:1/-1}
}
.admin-login-page{color:#182430;background:radial-gradient(circle at 50% 5%,#edf4ff 0,#f4f6f9 45%,#eef1f5 100%);place-items:center;min-height:100vh;padding:24px;display:grid}
.admin-login-card{text-align:center;background:#fff;border:1px solid #dce3eb;border-radius:22px;width:min(440px,100%);padding:34px;box-shadow:0 28px 75px #1e304629}
.admin-login-card>img{object-fit:contain;width:78px;height:78px;margin-bottom:13px}
.admin-login-card>span{color:#245eb8;letter-spacing:1.5px;font-size:9px;font-weight:900;display:block}
.admin-login-card h1{margin:8px 0 7px;font-size:28px}
.admin-login-card>p{color:#687786;max-width:350px;margin:0 auto 22px;font-size:12px;line-height:1.6}
.admin-login-card form{text-align:left}
.admin-login-card label{color:#5f6e7c;letter-spacing:.7px;margin-top:12px;font-size:9px;font-weight:900;display:block}
.admin-login-card input{background:#f9fbfd;border:1px solid #c8d3df;border-radius:9px;outline:0;width:100%;height:48px;margin-top:7px;padding:0 13px;font-size:14px}
.admin-login-card input:focus{border-color:#2f6feb;box-shadow:0 0 0 3px #2f6feb1f}
.admin-login-card form>small{color:#af344b;margin:8px 2px;font-size:10px;display:block}
.admin-login-card form>button{color:#fff;background:#2f6feb;border:0;border-radius:9px;width:100%;height:46px;margin-top:11px;font-size:12px;font-weight:900}
.admin-login-card footer{color:#7a8793;border-top:1px solid #e6eaee;margin-top:22px;padding-top:16px;font-size:9px}
.bulk-product-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}
.bulk-product-actions button{white-space:nowrap}
.bulk-product-actions .archive-action,.bulk-product-actions .archive-category-action{color:#8b5a06;background:#fff8e9;border-color:#e6b45b}
.bulk-product-actions .delete-action,.row-actions .delete-row{color:#b72f43;background:#fff3f4;border-color:#efb7be}
.bulk-product-actions button:disabled{opacity:.42;cursor:not-allowed}
.row-actions .delete-row:hover{background:#ffe4e7}
@media (width<=1100px){.workspace-title{align-items:flex-start}
.bulk-product-actions{max-width:650px}
}
.percent-input{align-items:center;display:inline-flex;background:#f3f7ff;border:1px solid #8fb1e9;border-radius:6px;height:34px;padding:0 7px}
.percent-input input{color:#245eb8;background:transparent;border:0;outline:0;width:48px;min-width:0;text-align:right;font-size:12px;font-weight:800}
.less-cell .percent-input span{color:#245eb8;background:transparent;margin:0 0 0 2px;padding:0;font-size:11px;font-weight:800}
.android-admin-grid{grid-template-columns:minmax(0,1fr)!important}
.android-assign-panel{display:none!important}
.products-page .table-wrap table{min-width:1680px}
.products-page .table-wrap th:nth-child(7),.products-page .table-wrap th:nth-child(8){text-align:center}
.products-page .table-wrap th:nth-child(7),.products-page .table-wrap td:nth-child(7){width:132px}
.products-page .table-wrap th:nth-child(8),.products-page .table-wrap td:nth-child(8){width:142px}
.products-page .table-wrap th:nth-child(10),.products-page .table-wrap td:nth-child(10){min-width:140px}
.products-page .table-wrap td:nth-child(7),.products-page .table-wrap td:nth-child(8){text-align:center;vertical-align:top;padding-top:14px}
.products-page .table-wrap td:nth-child(7) .price-input.selling,.products-page .table-wrap td:nth-child(8) .percent-input{box-sizing:border-box;justify-content:center;width:108px;height:42px;margin:0 auto}
.products-page .table-wrap td:nth-child(8) .less-cell{display:flex;flex-direction:column;align-items:center;min-width:118px;text-align:center}
.products-page .table-wrap td:nth-child(8) .less-cell>span{margin:7px auto 0}
.fixed-table-scrollbar{z-index:90;opacity:0;pointer-events:none;background:#fff;border:1px solid #b9c6d4;border-radius:8px;height:21px;overflow-x:scroll;overflow-y:hidden;position:fixed;bottom:5px;box-shadow:0 4px 18px #17212b40;transition:opacity .15s}
.fixed-table-scrollbar.visible{opacity:1;pointer-events:auto}
.fixed-table-scrollbar>div{height:1px}
.fixed-table-scrollbar::-webkit-scrollbar{height:15px}
.fixed-table-scrollbar::-webkit-scrollbar-track{background:#eef2f6;border-radius:7px}
.fixed-table-scrollbar::-webkit-scrollbar-thumb{background:#55718f;border:3px solid #eef2f6;border-radius:8px}
.fixed-table-scrollbar::-webkit-scrollbar-thumb:hover{background:#2f6feb}
@media (width<=760px){.fixed-table-scrollbar{bottom:3px;height:19px}.products-page .table-wrap table{min-width:1500px}}