:root{--admin-bg:#f1f2ed;--admin-paper:#fffefa;--admin-ink:#27352a;--admin-muted:#7d877c;--admin-olive:#4f664e;--admin-dark:#35483a;--admin-line:#e3e6dc;--admin-clay:#be7c5b;--admin-serif:Georgia,'Times New Roman',serif;--admin-sans:Inter,'Avenir Next',Avenir,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--admin-bg);color:var(--admin-ink);font-family:var(--admin-sans);font-size:13px;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #bd805f;outline-offset:3px}[hidden]{display:none!important}
/* Sign in */
.login-screen{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#f7f7f2}.login-visual{position:relative;min-height:100vh;color:#fff;background:#3c483a;overflow:hidden}.login-visual>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:59% center;filter:saturate(.8)}.login-visual-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(24,33,25,.28),rgba(24,32,24,.2) 43%,rgba(18,27,20,.82))}.admin-brand{position:absolute;top:39px;left:48px;display:flex;align-items:center;gap:11px;font-size:12px;font-weight:750;letter-spacing:.14em;line-height:1}.admin-brand-mark{height:38px;width:38px;border:1px solid rgba(255,255,255,.76);border-radius:50%;display:grid;place-items:center;font:italic 25px var(--admin-serif);position:relative}.admin-brand-mark span{position:absolute;right:-4px;top:-4px;color:#e2a17a;font:12px var(--admin-sans)}.admin-brand small{display:block;font-size:7px;letter-spacing:.27em;font-weight:500;margin-top:6px;color:rgba(255,255,255,.68)}.login-quote{position:absolute;left:12%;bottom:13%;max-width:540px}.login-quote>span{font-size:9px;letter-spacing:.18em;color:#ebc4a6}.login-quote h1{font:400 clamp(58px,7vw,94px)/.92 var(--admin-serif);letter-spacing:-.055em;margin:20px 0}.login-quote h1 em{font-weight:400;color:#dfad87}.login-quote p{font-size:13px;color:rgba(255,255,255,.75)}.login-visual-foot{position:absolute;left:48px;bottom:28px;color:rgba(255,255,255,.53);font-size:8px;letter-spacing:.18em}.login-side{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:50px 40px;position:relative}.login-box{width:min(370px,100%)}.login-kicker,.admin-eyebrow{font-size:9px;letter-spacing:.19em;color:#7a8675;font-weight:700}.login-kicker{display:flex;align-items:center;gap:10px}.login-kicker span{width:23px;height:1px;background:#84907e}.login-box h2{font:400 62px/.92 var(--admin-serif);letter-spacing:-.05em;margin:18px 0 13px}.login-box h2 em{font-weight:400;color:var(--admin-olive)}.login-box>p{font-size:12px;color:#838a80;margin:0 0 29px}.login-box form>label{display:flex;flex-direction:column;gap:8px;font-size:10px;color:#616a5d;margin-top:15px}.login-box input{height:45px;border:1px solid #dce0d7;background:#fcfcf8;padding:0 12px;color:var(--admin-ink);font-size:11px}.login-box input::placeholder{color:#abb0a6}.login-box input:focus{border-color:var(--admin-olive);outline:none}.login-error{color:#ae4e40;font-size:10px;min-height:14px;margin:7px 0 2px}.admin-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:41px;border:1px solid transparent;padding:0 16px;font-size:10px;letter-spacing:.04em;font-weight:650;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}.admin-button:hover{transform:translateY(-1px)}.admin-button:disabled{opacity:.6;cursor:wait;transform:none}.admin-button-dark{background:var(--admin-dark);color:#fffdf6}.admin-button-dark:hover{background:#27392c}.admin-button-light{background:#fffefa;border-color:#dbe0d6;color:#52604f}.admin-button-light:hover{background:#f2f4ed}.login-submit{width:100%;justify-content:space-between;height:47px;margin-top:3px}.login-submit span:last-child{font-size:15px}.demo-note{margin-top:18px;background:#eef1e8;border:1px solid #dce2d5;padding:12px 14px;display:flex;flex-direction:column;gap:3px;color:#74806f;font-size:9px}.demo-note strong{color:#4f604c;font-size:10px;margin-bottom:2px}.back-to-store{display:inline-block;margin-top:24px;font-size:10px;color:#7b8477}.back-to-store:hover{color:var(--admin-olive)}.login-side-foot{position:absolute;bottom:25px;color:#9da397;font-size:8px;letter-spacing:.04em}.mobile-admin-brand{display:none}
/* Admin shell */
.admin-layout{min-height:100vh;display:flex}.admin-sidebar{width:252px;flex:0 0 252px;background:#344738;color:#edf1e9;min-height:100vh;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:23px 17px 16px;z-index:20}.sidebar-brand{position:relative;top:auto;left:auto;margin:1px 5px 26px;color:#f9f8ef;font-size:11px}.sidebar-brand .admin-brand-mark{width:33px;height:33px;font-size:22px}.sidebar-brand small{font-size:6px;margin-top:5px}.sidebar-store{display:flex;align-items:center;gap:10px;background:rgba(246,248,240,.08);border:1px solid rgba(240,244,232,.09);padding:10px 9px;margin-bottom:30px;position:relative}.store-avatar{width:30px;height:30px;border-radius:50%;background:#dfad86;color:#384a3d;display:grid;place-items:center;font:italic 17px var(--admin-serif)}.sidebar-store>span:nth-child(2){display:flex;flex-direction:column;gap:3px;min-width:0}.sidebar-store strong{font-size:9px;font-weight:600;white-space:nowrap}.sidebar-store small{font-size:8px;color:#b6c0af}.online-dot{position:absolute;right:11px;top:15px;width:6px;height:6px;background:#99bd86;border-radius:50%}.sidebar-label{font-size:8px;letter-spacing:.18em;color:#aab6a7;font-weight:650;padding:0 10px;margin-bottom:9px}.sidebar-label-lower{margin-top:28px}.admin-nav{display:flex;flex-direction:column;gap:4px}.admin-nav-item{width:100%;height:40px;border:0;background:transparent;color:#cad2c6;display:flex;align-items:center;gap:11px;text-align:left;padding:0 11px;font-size:10px;cursor:pointer}.admin-nav-item:hover{background:rgba(245,247,236,.08);color:#fff}.admin-nav-item.active{background:#526a53;color:#fff}.nav-icon{width:18px;text-align:center;font-size:15px;color:#c9d6bc}.nav-count{margin-left:auto;background:#d59a74;color:#29382c;min-width:19px;height:18px;border-radius:10px;display:grid;place-items:center;font-size:8px}.sidebar-bottom{margin-top:auto}.help-card{padding:13px 12px;background:#435945;border:1px solid rgba(240,244,232,.08);display:grid;grid-template-columns:19px 1fr;column-gap:7px;margin:0 0 16px}.help-card>span{grid-row:1/4;color:#e0a87e;font-size:16px}.help-card strong{font-size:9px}.help-card small{font-size:8px;color:#bdc8b7;margin:4px 0 8px}.help-card a{color:#e5b18b;font-size:8px}.admin-profile{display:flex;align-items:center;gap:9px;border-top:1px solid rgba(241,244,232,.14);padding:14px 3px 0}.profile-avatar,.topbar-avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#e4e6d9;color:#596954;font-size:8px;font-weight:700}.admin-profile>span:nth-child(2){display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.admin-profile strong{font-size:9px;font-weight:600}.admin-profile small{font-size:8px;color:#b8c2b4;overflow:hidden;text-overflow:ellipsis}.admin-profile button{border:0;background:none;color:#c8d2c4;transform:rotate(45deg);cursor:pointer;font-size:13px}.admin-profile button:hover{color:#e5b18b}.admin-main-wrap{margin-left:252px;min-width:0;flex:1;display:flex;flex-direction:column;min-height:100vh}.admin-topbar{height:61px;background:rgba(255,255,250,.83);border-bottom:1px solid #e3e6dc;display:flex;align-items:center;justify-content:space-between;padding:0 39px;position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.topbar-breadcrumb{font-size:9px;color:#7e897a}.topbar-breadcrumb span{padding:0 8px;color:#b8beb2}.topbar-breadcrumb strong{font-weight:650;color:#53624f}.topbar-right{display:flex;align-items:center;gap:18px}.today-label{font-size:8px;color:#8b9287}.store-shortcut{font-size:9px;color:#64745f}.store-shortcut span{font-size:13px;margin-left:5px}.topbar-avatar{width:29px;height:29px;background:#dee7d8}.sidebar-toggle{display:none}.admin-content{width:min(1320px,100%);margin:0 auto;padding:39px 39px 50px;flex:1}.admin-page{animation:page-in .22s ease}@keyframes page-in{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}.page-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}.page-title-row .admin-eyebrow{font-size:8px}.page-title-row h1{font:400 42px/.97 var(--admin-serif);letter-spacing:-.045em;margin:9px 0 8px}.page-title-row h1 em,.admin-modal h2 em{font-weight:400;color:var(--admin-olive)}.page-title-row p{font-size:10px;color:#899086;margin:0}.page-title-row>.admin-button{margin-bottom:3px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.stat-card{background:var(--admin-paper);border:1px solid var(--admin-line);padding:18px 17px 16px;min-height:127px}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#717b6e;font-size:9px}.stat-icon{height:27px;width:27px;border-radius:50%;display:grid;place-items:center;font-size:12px}.stat-icon-green{background:#e6eddf;color:#546d4d}.stat-icon-clay{background:#f4e7de;color:#b77858}.stat-icon-lime{background:#eceedd;color:#849152}.stat-icon-soft{background:#e9ece8;color:#70806f}.stat-card>strong{display:block;font:400 28px/1.1 var(--admin-serif);letter-spacing:-.03em;margin:9px 0 5px}.stat-card>small{font-size:8px;color:#92988d}.metric-live{color:#b37453;font-weight:600}.overview-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px;margin-top:14px}.admin-card{background:var(--admin-paper);border:1px solid var(--admin-line)}.sales-card,.attention-card{min-height:253px;padding:19px}.card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.card-heading h2{font:400 19px/1.1 var(--admin-serif);margin:0}.card-heading p{font-size:8px;color:#92988d;margin:6px 0 0}.chart-badge{border:1px solid #e1e5da;padding:6px 8px;font-size:7px;letter-spacing:.12em;color:#83907d}.mini-chart{height:143px;display:flex;align-items:flex-end;gap:11px;border-bottom:1px solid #eceee7;margin-top:12px;padding:0 6px}.chart-column{flex:1;height:100%;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;gap:5px;position:relative}.chart-value{font-size:7px;color:#8b9488}.chart-bar{width:min(100%,30px);min-height:3px;background:#9bad91;transition:height .3s}.chart-column.today .chart-bar{background:#526c52}.chart-label{font-size:7px;color:#9aa194;position:absolute;bottom:-18px;white-space:nowrap}.chart-axis{display:flex;justify-content:space-between;color:#a3a79c;font-size:7px;margin-top:24px}.subtle-arrow,.inline-link{border:0;background:none;color:#778673;font-size:8px;white-space:nowrap;cursor:pointer}.subtle-arrow:hover,.inline-link:hover{color:var(--admin-clay)}.low-stock-list{margin-top:14px}.low-stock-item{display:flex;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid #edf0e9}.low-stock-item:last-child{border-bottom:0}.low-stock-item img{width:35px;height:38px;object-fit:cover;background:#e9e6dd}.low-stock-copy{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.low-stock-copy strong{font-family:var(--admin-serif);font-size:11px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.low-stock-copy small{font-size:7px;color:#979b91}.stock-pill{background:#f6ece4;color:#ad704f;padding:4px 6px;font-size:7px;white-space:nowrap}.low-stock-empty{padding:30px 5px;text-align:center;color:#879281;font-size:9px;line-height:1.6}.recent-orders{margin-top:14px;padding:19px 0 0}.recent-orders>.card-heading{padding:0 19px 16px}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}thead th{height:36px;background:#f6f7f2;color:#8c9588;font-size:7px;letter-spacing:.12em;font-weight:650;padding:0 12px}tbody td{height:57px;border-top:1px solid #edf0e9;padding:7px 12px;font-size:9px;color:#6e786c}tbody tr:hover{background:#fbfcf8}.table-wrap thead th:first-child,.table-wrap tbody td:first-child{padding-left:19px}.order-id{font-size:9px;color:#536b4f;font-weight:650}.customer-cell{display:flex;flex-direction:column;gap:3px}.customer-cell strong{font-size:9px;color:#39483c;font-weight:600}.customer-cell small{font-size:7px;color:#9aa095}.date-cell{font-size:8px}.order-total{font-size:9px;color:#3e4e40;font-weight:650}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;font-size:7px;letter-spacing:.02em}.status-pill:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.status-new{color:#aa734f;background:#f6ece3}.status-processing{color:#78834f;background:#f0f2e4}.status-shipped{color:#668399;background:#e8f0f3}.status-delivered{color:#597958;background:#e9f1e7}.status-cancelled{color:#a16862;background:#f5e9e7}.row-view{border:0;background:transparent;color:#87917f;font-size:13px;cursor:pointer}.row-view:hover{color:var(--admin-clay)}.admin-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:38px 20px;color:#8b9487;text-align:center}.admin-empty>span{font-size:26px;color:#c09370}.admin-empty strong{font:400 18px var(--admin-serif);color:#576453;margin:9px 0 3px}.admin-empty small{font-size:8px}.admin-empty[hidden]{display:none!important}.admin-footer{min-height:48px;border-top:1px solid #e3e6dc;display:flex;justify-content:space-between;align-items:center;padding:0 39px;color:#9aa093;font-size:8px}.admin-footer b{padding:0 4px;color:#c4a27f}
/* Table pages */
.full-table-card{padding:0 0 4px}.table-toolbar{min-height:73px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px}.table-toolbar>div:first-child{display:flex;flex-direction:column;gap:5px}.table-toolbar>div:first-child strong{font-size:10px;font-weight:650;color:#4d5c4b}.table-toolbar>div:first-child small{font-size:8px;color:#92988d}.admin-search{height:33px;min-width:210px;border:1px solid #e2e5dc;background:#fffefa;display:flex;align-items:center;gap:7px;padding:0 9px;color:#a0a69c}.admin-search span{font-size:19px;line-height:1;transform:rotate(-20deg)}.admin-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;font-size:8px;color:#566252}.admin-search input::placeholder{color:#a5aaa1}.product-table-item{display:flex;align-items:center;gap:10px}.product-table-item img{width:40px;height:42px;object-fit:cover;background:#eae7dd}.product-table-item span{display:flex;flex-direction:column;gap:3px}.product-table-item strong{font:400 12px var(--admin-serif);color:#384638}.product-table-item small{font-size:7px;color:#959b91}.category-label{font-size:8px;color:#7c8977}.price-label{font-size:9px;color:#445443;font-weight:600}.stock-low{color:#b27654!important}.stock-label{font-size:8px}.product-status{font-size:7px;background:#eaf0e6;color:#597651;padding:5px 7px}.product-status.out{background:#f3e8e2;color:#ab7253}.actions-th{text-align:right;padding-right:19px!important}.table-actions{display:flex;justify-content:flex-end;gap:5px;padding-right:9px}.table-actions button{height:25px;border:1px solid #e2e5dc;background:#fffefa;color:#71806d;padding:0 8px;font-size:8px;cursor:pointer}.table-actions button:hover{border-color:#8d9b85;color:#455d43}.table-actions button.delete-action:hover{border-color:#d6aaa0;color:#a45e52}.orders-toolbar{padding:14px 18px}.order-controls{display:flex;align-items:center;gap:8px}.order-controls select{height:33px;border:1px solid #e2e5dc;background:#fffefa;color:#667263;padding:0 22px 0 9px;font-size:8px}.order-row-actions{display:flex;justify-content:flex-end;padding-right:10px}.order-row-actions button{border:0;background:none;color:#71806c;font-size:14px;cursor:pointer}.inline-select{height:25px;background:#f8f9f5;border:1px solid #e3e6dd;padding:0 6px;color:#5b6d56;font-size:8px}.inline-select:focus{outline:1px solid #84957e}
/* Website content, inventory and app connections */
.settings-form{margin:0 0 14px}.settings-card{padding:21px}.settings-card-heading{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--admin-line);padding-bottom:14px;margin-bottom:17px}.settings-card-heading h2{font:400 20px var(--admin-serif);margin:0;color:#364638}.settings-card-heading p{font-size:8px;color:#90978c;margin:5px 0 0;max-width:580px}.settings-card-heading>span{font:italic 18px var(--admin-serif);color:#c38763}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px 14px}.settings-grid .admin-field small{font-size:7px;color:#969d91;line-height:1.5}.settings-actions{border-top:1px solid var(--admin-line);margin-top:17px;padding-top:13px;display:flex;align-items:center;justify-content:space-between;gap:15px}.settings-actions>span{font-size:8px;color:#8e968a}.inventory-stock-input{width:80px;height:31px;border:1px solid #e1e5db;background:#fffefa;padding:0 8px;color:#4f614d;font-size:9px}.inventory-state{display:inline-block;padding:5px 7px;font-size:7px}.inventory-good{background:#eaf0e6;color:#597651}.inventory-low{background:#f6eee2;color:#a7784f}.inventory-out{background:#f5e9e7;color:#a16862}.stock-save-button{min-height:29px;padding:0 9px;font-size:8px}.integration-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:14px}.integration-card{padding:19px;min-height:236px;display:flex;flex-direction:column}.integration-card-top{display:flex;align-items:center;justify-content:space-between}.integration-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font:16px var(--admin-serif);color:#52684f;background:#e8ede2}.upi-integration-icon{font:700 8px var(--admin-sans);letter-spacing:.06em}.analytics-integration-icon{background:#f4e9df;color:#b57958}.mail-integration-icon{background:#e9edee;color:#637a83}.connection-pill{padding:5px 8px;font-size:7px;letter-spacing:.03em;background:#f4eee4;color:#a07851}.connection-pill.is-connected{background:#e8f0e5;color:#557652}.connection-pill.is-disconnected{background:#f4eee4;color:#9c7650}.integration-card h2{font:400 19px var(--admin-serif);margin:14px 0 5px}.integration-card>p{font-size:8px;color:#838d81;line-height:1.6;margin:0}.integration-detail{font-size:8px;color:#61715f;background:#f5f7f2;padding:9px 10px;margin-top:12px;line-height:1.5}.env-snippet{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;background:#edf0e9;padding:10px;margin-top:10px}.env-snippet code,.integration-detail code{font:8px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;color:#4a5c47}.env-snippet button{border:1px solid #cdd5c8;background:#fffefa;color:#5c7058;padding:6px 7px;font-size:7px;white-space:nowrap;cursor:pointer}.integration-footnote{display:block;font-size:7px;color:#959d92;line-height:1.55;margin-top:9px}.integration-card>.inline-link{width:max-content;margin-top:12px;padding:0}.upload-field input[type=file]{padding:7px;height:auto;font-size:8px}.upload-field img{width:92px;height:92px;object-fit:cover;background:#e9e7dd;border:1px solid #e0e4da;margin-top:6px}.payment-status-control{display:flex;align-items:center;justify-content:space-between;background:#f5f7f2;padding:10px;margin:0 0 14px;font-size:8px;color:#81907c}.payment-status-control select{height:29px;border:1px solid #dfe4d9;background:#fffefa;color:#52644f;padding:0 8px;font-size:8px}

/* Modals and details */
.admin-modal-backdrop{position:fixed;z-index:50;inset:0;background:rgba(34,45,35,.45);backdrop-filter:blur(2px);animation:backdrop-in .16s ease}@keyframes backdrop-in{from{opacity:0}to{opacity:1}}.admin-modal{position:fixed;z-index:51;left:50%;top:50%;transform:translate(-50%,-50%);width:min(620px,calc(100vw - 30px));max-height:calc(100vh - 32px);overflow:auto;background:#fffefa;box-shadow:0 22px 65px rgba(26,38,27,.24);padding:26px}.admin-modal-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--admin-line);padding:0 0 15px;margin-bottom:17px}.admin-modal-header h2{font:400 28px/1.05 var(--admin-serif);margin:7px 0 0;letter-spacing:-.03em}.admin-close{width:31px;height:31px;border:0;background:transparent;color:#6a7866;font-size:24px;cursor:pointer}.admin-close:hover{color:var(--admin-clay)}.edit-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 13px}.admin-field{display:flex;flex-direction:column;gap:6px;font-size:8px;color:#697665}.admin-field>span{color:#a2a69e}.admin-field input,.admin-field select,.admin-field textarea{width:100%;background:#fcfcf8;border:1px solid #dfe3da;padding:0 9px;height:36px;color:#495848;font-size:9px;outline:none}.admin-field textarea{height:auto;padding:8px 9px;resize:vertical;line-height:1.5}.admin-field input:focus,.admin-field select:focus,.admin-field textarea:focus{border-color:#82937b}.full-field{grid-column:1/-1}.featured-check{display:flex;align-items:center;gap:10px;background:#f4f6ef;padding:10px;border:1px solid #e6eadd}.featured-check input{accent-color:var(--admin-olive);width:14px;height:14px;margin:0}.featured-check span{display:flex;flex-direction:column;gap:3px}.featured-check strong{font-size:9px;color:#53624f}.featured-check small{font-size:7px;color:#8b9585}.product-form-error{font-size:9px;color:#a64d40;min-height:13px;margin:8px 0 0}.admin-modal-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--admin-line);padding-top:14px;margin-top:7px}.admin-modal-actions .admin-button{min-width:90px}.admin-modal-actions .admin-button-dark{min-width:126px;justify-content:space-between}.order-detail-modal{width:min(560px,calc(100vw - 28px))}.detail-topline{display:flex;align-items:center;justify-content:space-between;background:#f4f6f0;padding:12px;margin-bottom:16px}.detail-topline strong{font-size:11px;color:#52654f}.detail-customer{display:grid;grid-template-columns:1fr 1fr;gap:11px 22px;margin-bottom:19px}.detail-info{display:flex;flex-direction:column;gap:4px}.detail-info small{font-size:7px;color:#969c91;text-transform:uppercase;letter-spacing:.1em}.detail-info strong{font-size:9px;font-weight:600;color:#4e5d4d;line-height:1.45;white-space:normal}.detail-items{border-top:1px solid var(--admin-line);border-bottom:1px solid var(--admin-line);padding:6px 0}.detail-item{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:9px;padding:7px 0}.detail-item img{width:40px;height:43px;object-fit:cover;background:#e9e7df}.detail-item strong{font:400 12px var(--admin-serif)}.detail-item small{display:block;color:#979d91;font-size:7px;margin-top:3px}.detail-item>span{font-size:9px}.detail-totals{margin-top:13px;width:200px;margin-left:auto}.detail-totals div{display:flex;justify-content:space-between;font-size:8px;color:#798375;margin:7px 0}.detail-totals div:last-child{border-top:1px solid var(--admin-line);padding-top:10px;margin-top:11px;font-size:10px;color:#3c4d3c}.detail-address{background:#f7f8f4;padding:11px;margin-top:16px}.detail-address strong{font-size:8px;color:#889185;text-transform:uppercase;letter-spacing:.1em}.detail-address p{font-size:9px;color:#536250;line-height:1.6;margin:5px 0 0}.detail-note{font-size:8px;color:#8a9186;font-style:italic;margin:12px 0 0}
.admin-toast{position:fixed;z-index:100;bottom:22px;left:50%;transform:translate(-50%,14px);background:#354b3a;color:#fffdf8;padding:11px 17px;font-size:10px;opacity:0;pointer-events:none;transition:.23s;max-width:min(90vw,460px);text-align:center;box-shadow:0 10px 25px rgba(0,0,0,.14)}.admin-toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1100px){.admin-sidebar{width:222px;flex-basis:222px}.admin-main-wrap{margin-left:222px}.admin-content{padding:32px 27px 43px}.admin-topbar{padding:0 27px}.admin-footer{padding:0 27px}.stats-grid{gap:9px}.stat-card{padding:15px 13px}.overview-grid{grid-template-columns:1.1fr .9fr}.sales-card,.attention-card{padding:15px}.table-toolbar{padding:13px 14px}.admin-modal{padding:23px}}
@media(max-width:760px){.login-screen{grid-template-columns:1fr;min-height:100vh}.login-visual{display:none}.login-side{min-height:100vh;padding:78px 25px 70px;justify-content:center}.mobile-admin-brand{display:flex;position:absolute;top:25px;left:24px;align-items:center;font-size:11px;letter-spacing:.1em;color:#52644f}.mobile-admin-brand>span{font:italic 25px var(--admin-serif);border:1px solid #71836e;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;position:relative;margin-right:9px}.mobile-admin-brand>span span{position:absolute;right:-4px;top:-4px;color:var(--admin-clay);font:11px var(--admin-sans)}.mobile-admin-brand b{font-weight:700}.login-box h2{font-size:58px}.login-side-foot{bottom:22px;text-align:center;width:100%}.admin-sidebar{width:260px;transform:translateX(-100%);transition:transform .25s ease;box-shadow:10px 0 30px rgba(20,32,22,.18)}.admin-sidebar.mobile-open{transform:translateX(0)}.admin-main-wrap{margin-left:0}.admin-topbar{height:55px;padding:0 17px;gap:9px}.sidebar-toggle{display:block;border:0;background:none;color:#5e6d59;font-size:17px;cursor:pointer;padding:4px}.topbar-breadcrumb{font-size:8px;flex:1}.topbar-breadcrumb span{padding:0 4px}.topbar-right{gap:9px}.today-label{display:none}.store-shortcut{font-size:8px}.topbar-avatar{width:26px;height:26px}.admin-content{padding:26px 16px 35px}.page-title-row{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:17px}.page-title-row h1{font-size:36px}.page-title-row p{font-size:9px;line-height:1.55}.page-title-row>.admin-button{min-height:36px}.stats-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-card{min-height:109px;padding:12px}.stat-card>strong{font-size:25px}.stat-top{font-size:8px}.stat-icon{width:23px;height:23px;font-size:10px}.stat-card>small{font-size:7px}.overview-grid{grid-template-columns:1fr;gap:9px;margin-top:9px}.sales-card,.attention-card{min-height:220px}.recent-orders{margin-top:9px}.recent-orders>.card-heading{padding:15px 12px 13px}.card-heading h2{font-size:17px}.table-wrap table{min-width:630px}thead th{padding:0 9px}tbody td{padding:7px 9px}.table-wrap thead th:first-child,.table-wrap tbody td:first-child{padding-left:12px}.admin-footer{min-height:60px;padding:11px 16px;align-items:flex-start;flex-direction:column;justify-content:center;gap:5px;font-size:7px}.table-toolbar{align-items:flex-start;flex-direction:column;padding:13px 12px;gap:10px}.admin-search{min-width:0;width:min(100%,300px)}.table-toolbar>.admin-search{width:100%}.orders-toolbar{gap:11px}.order-controls{width:100%;flex-wrap:wrap}.order-controls .admin-search{flex:1}.order-controls select{flex:1}.full-table-card .table-wrap table{min-width:680px}.admin-modal{padding:19px 16px;max-height:calc(100vh - 22px)}.admin-modal-header h2{font-size:25px}.edit-form-grid{gap:10px}.admin-field{font-size:8px}.admin-field input,.admin-field select{height:35px}.detail-customer{gap:10px}.order-detail-modal{padding:19px}.admin-modal-actions{position:sticky;bottom:-19px;background:#fffefa;padding:12px 0 0}.page-title-row>.admin-button{font-size:9px}.login-side{background:radial-gradient(circle at 10% 10%,#edf0e8,#f7f7f2 48%)} }
@media(max-width:760px){.settings-card{padding:15px 12px}.settings-card-heading h2{font-size:18px}.settings-grid{grid-template-columns:1fr;gap:11px}.settings-grid .full-field{grid-column:1}.settings-actions{align-items:flex-start;flex-direction:column}.settings-actions .admin-button{width:100%}.integration-status-grid{grid-template-columns:1fr;gap:9px}.integration-card{min-height:0;padding:15px}.env-snippet{align-items:flex-start;flex-direction:column}.upload-field img{width:76px;height:76px}.payment-status-control{align-items:flex-start;gap:12px;flex-direction:column}}
@media(max-width:390px){.admin-content{padding-inline:12px}.page-title-row h1{font-size:32px}.topbar-breadcrumb{font-size:7px}.topbar-right{gap:6px}.store-shortcut{font-size:7px}.stats-grid{gap:6px}.stat-card{padding:10px}.table-toolbar .admin-search{width:100%}.order-controls select{width:100%}.edit-form-grid{grid-template-columns:1fr}.edit-form-grid .full-field{grid-column:1}.admin-modal-actions{flex-wrap:wrap}.admin-modal-actions .admin-button{flex:1}.login-box h2{font-size:52px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

.product-gallery-status{display:block;min-height:12px;color:#5f7356;font-size:8px;margin-top:4px}
.product-gallery-admin{display:flex;gap:10px;overflow-x:auto;padding:9px 0 3px;max-width:100%}
.product-gallery-thumb{position:relative;flex:0 0 104px;width:104px;padding:6px;background:#f4f3ed;border:1px solid #dedfd5;display:grid;gap:5px}
.product-gallery-thumb.is-cover{border-color:#819275;background:#edf0e8}
.product-gallery-thumb img{width:90px!important;height:76px!important;object-fit:cover;background:#e4e1d8;border:0;margin:0!important}
.product-gallery-thumb>span{font-size:8px;color:#6e756a}
.product-gallery-thumb>div{display:flex;align-items:center;justify-content:space-between;gap:4px}
.product-gallery-thumb button{border:0;background:transparent;color:#556a4d;padding:2px;font-size:8px;cursor:pointer}
.product-gallery-thumb button:disabled{font-weight:700;color:#374a37;cursor:default}
.product-gallery-thumb button.gallery-remove{width:19px;height:19px;border:1px solid #e0d5cd;color:#9d574a;font-size:14px;line-height:1}
.product-gallery-editor{grid-column:1/-1;min-width:0}

/* Product import (Admin → Products → Import Products) */
.title-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:3px}
.product-import-modal{width:min(1080px,calc(100vw - 30px))}
.import-upload{display:grid;gap:11px;border:1px dashed #ccd6c6;background:#f7f9f3;padding:14px}
.import-upload .admin-field small{line-height:1.6}
.import-help{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:8px;color:#87907f}
.import-file-card{display:flex;flex-wrap:wrap;gap:6px 22px;border:1px solid var(--admin-line);background:#f6f7f2;padding:11px 13px;margin-top:14px}
.import-file-card span{font-size:8px;color:#7d877c}
.import-file-card b{color:#4d5c4b;font-weight:650}
.import-summary{margin-top:14px}
.import-summary h3{font:400 17px/1.2 var(--admin-serif);margin:0;color:#3c4d3c}
.import-summary small{display:block;font-size:8px;color:#8b9384;margin-top:4px}
.import-stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:10px}
.import-stat{border:1px solid var(--admin-line);background:#fffefa;padding:11px 12px}
.import-stat span{font-size:7px;letter-spacing:.12em;color:#8c9588;text-transform:uppercase}
.import-stat strong{display:block;font:400 23px/1.05 var(--admin-serif);margin-top:7px;color:#4b5b49}
.import-stat.is-new strong{color:#4f7350}
.import-stat.is-update strong{color:#54748c}
.import-stat.is-skip strong{color:#8a8f7f}
.import-stat.is-error strong{color:#a35c4e}
.import-issues{margin-top:12px;border:1px solid #f0dcd5;background:#fdf7f4;padding:11px 13px;max-height:190px;overflow:auto}
.import-issues strong{display:block;font-size:9px;color:#8d5a4d;margin-bottom:6px}
.import-issue{font-size:8px;color:#8d6559;padding:5px 0;border-top:1px solid #f4e6df;line-height:1.6}
.import-issue:first-of-type{border-top:0}
.import-issue b{color:#7b483d}
.import-preview-card{margin-top:14px;border:1px solid var(--admin-line);background:#fffefa}
.import-preview-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:11px 13px;border-bottom:1px solid var(--admin-line)}
.import-preview-head strong{display:block;font-size:10px;color:#4d5c4b}
.import-preview-head small{display:block;font-size:8px;color:#92988d;margin-top:4px}
.import-preview-head select{height:31px;border:1px solid #e2e5dc;background:#fffefa;color:#667263;font-size:8px;padding:0 8px}
.import-table-wrap{max-height:330px;overflow:auto}
.import-table tbody td{height:auto;min-height:36px;padding:8px 11px;font-size:8px;white-space:normal}
.import-table tbody td:nth-child(2){font-weight:650;color:#4d5c4b}
.import-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;font-size:7px;letter-spacing:.06em;white-space:nowrap}
.import-badge.is-new{background:#e9f1e7;color:#4f7350}
.import-badge.is-update{background:#e8f0f3;color:#54748c}
.import-badge.is-skip{background:#f0f1ec;color:#7d8578}
.import-badge.is-error{background:#f6e7e2;color:#a35c4e}
.import-row-note{display:block;font-size:7px;color:#a08c81;margin-top:4px;line-height:1.5;max-width:250px}
.import-row-flag{color:#b98a56;font-size:8px;margin-left:5px;cursor:help}
.import-progress{margin-top:14px;background:#eef1e8;border:1px solid #dfe4d6;padding:10px 12px;font-size:9px;color:#5d6d5a}
.import-progress.is-done{background:#eaf1e7;border-color:#d5e0cd;color:#4f6a4d}
@media(max-width:760px){.import-stat-grid{grid-template-columns:1fr 1fr}.import-table-wrap{max-height:260px}.title-actions{width:100%}.title-actions .admin-button{flex:1}}

.supplier-import-status{margin-top:12px;padding:12px 14px;border:1px solid #dfe4d6;background:#f7f9f3;color:#5d6d5a}
.supplier-import-status-title{font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#4d5c4b}
.supplier-import-progress{height:8px;margin:9px 0 7px;border-radius:99px;background:#e3e8de;overflow:hidden}
.supplier-import-progress span{display:block;width:0;height:100%;border-radius:inherit;background:#54734f;transition:width .2s ease}
.supplier-import-status p{margin:0;font-size:9px;line-height:1.5;font-weight:650}
.supplier-import-status.is-done{background:#edf5e9;border-color:#d2e0ca;color:#476348}

/* Unified MarketTECH v2 logo */
.admin-brand-logo{display:block;width:185px;height:auto;max-width:100%;object-fit:contain;object-position:left center}
.admin-mobile-logo{display:block;width:165px;height:auto;max-width:100%;object-fit:contain}
.sidebar-brand .admin-brand-logo{width:185px}
@media(max-width:900px){
  .admin-brand-logo{width:165px}
}

/* LIGHT MODE — professional admin interface */
:root{
  --admin-bg:#f6f7f3;
  --admin-paper:#ffffff;
  --admin-ink:#26342a;
  --admin-muted:#737d72;
  --admin-olive:#4f664e;
  --admin-dark:#ffffff;
  --admin-line:#e2e6df;
}
.admin-sidebar{
  background:#ffffff;
  color:#26342a;
  border-right:1px solid #e2e6df;
  box-shadow:4px 0 18px rgba(38,52,42,.04);
}
.sidebar-brand{color:#26342a}
.sidebar-store{
  background:#f6f8f4;
  border-color:#e2e6df;
}
.sidebar-store small{color:#788276}
.sidebar-label{color:#7b8579}
.admin-nav-item{color:#59665a}
.admin-nav-item:hover{background:#f1f4ef;color:#26342a}
.admin-nav-item.active{
  background:#e8efe5;
  color:#30452f;
}
.nav-icon{color:#647260}
.help-card{
  background:#f4f7f1;
  border-color:#e1e7dd;
}
.help-card strong{color:#3b4d3b}
.help-card small{color:#7c8779}
.admin-profile{border-top-color:#e2e6df}
.admin-profile strong{color:#39463b}
.admin-profile small{color:#7e887d}
.admin-profile button{color:#697568}
.admin-topbar{
  background:rgba(255,255,255,.94);
  border-bottom-color:#e2e6df;
}
.admin-main-wrap{background:#f6f7f3}
.stat-card,.admin-card{box-shadow:0 1px 2px rgba(38,52,42,.025)}
.admin-button-dark{
  background:#344a37;
  color:#ffffff;
}
.admin-button-dark:hover{background:#283c2c}
.admin-button-light{
  background:#ffffff;
  border-color:#dfe4dc;
  color:#4d5d4d;
}
.sidebar-brand .admin-brand-logo{
  width:185px;
  height:auto;
  display:block;
  object-fit:contain;
}
@media(max-width:900px){
  .sidebar-brand .admin-brand-logo{width:165px}
}


/* Accessibility + navigation usability refresh */
.admin-sidebar{
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}
.admin-sidebar::-webkit-scrollbar{width:7px}
.admin-sidebar::-webkit-scrollbar-track{background:transparent}
.admin-sidebar::-webkit-scrollbar-thumb{background:#cfd7ca;border-radius:10px}
.admin-sidebar{scrollbar-width:thin;scrollbar-color:#cfd7ca transparent}
.admin-nav{flex-shrink:0}
.sidebar-bottom{margin-top:22px;flex-shrink:0}

/* Larger, easier-to-read admin typography */
body.admin-body{font-size:14px}
.sidebar-label{font-size:10px}
.admin-nav-item{font-size:12px;height:43px;gap:12px}
.sidebar-store strong{font-size:11px}
.sidebar-store small{font-size:9px}
.help-card strong{font-size:11px}
.help-card small,.help-card a{font-size:9px}
.admin-profile strong{font-size:10px}
.admin-profile small{font-size:9px}
.topbar-breadcrumb{font-size:11px}
.today-label,.store-shortcut{font-size:10px}
.admin-content{padding-top:36px}
.page-title-row .admin-eyebrow{font-size:10px}
.page-title-row h1{font-size:44px}
.page-title-row p{font-size:12px}
.stat-top{font-size:11px}
.stat-card>small{font-size:10px}
.card-heading h2{font-size:21px}
.card-heading p{font-size:10px}
thead th{font-size:9px}
tbody td{font-size:11px}
.customer-cell strong{font-size:11px}
.customer-cell small,.date-cell{font-size:9px}
.order-id,.order-total{font-size:11px}
.status-pill{font-size:9px}
.product-table-item strong{font-size:14px}
.product-table-item small,.category-label,.stock-label{font-size:9px}
.price-label{font-size:11px}
.product-status{font-size:9px}
.admin-search input{font-size:10px}
.table-toolbar>div:first-child strong{font-size:12px}
.table-toolbar>div:first-child small{font-size:10px}
.settings-card-heading h2{font-size:22px}
.settings-card-heading p{font-size:10px}
.admin-field{font-size:10px}
.admin-field input,.admin-field select,.admin-field textarea{font-size:11px}
.settings-actions>span{font-size:10px}
.admin-button{font-size:11px}

/* Developer workspace: make every control comfortable to read and click */
#page-developer .settings-card{padding:26px}
#page-developer .settings-card-heading{padding-bottom:18px;margin-bottom:22px}
#page-developer .settings-card-heading h2{font-size:24px}
#page-developer .settings-card-heading p{font-size:12px;line-height:1.55}
#page-developer .admin-field{font-size:11px;gap:8px}
#page-developer .admin-field input,#page-developer .admin-field select,#page-developer .admin-field textarea{height:42px;font-size:13px;padding:0 12px}
#page-developer .admin-field textarea{height:auto;padding:12px;line-height:1.55}
#page-developer .settings-grid{gap:17px 18px}
#page-developer .settings-actions{margin-top:22px;padding-top:17px}
#page-developer .settings-actions>span{font-size:11px;line-height:1.5}
#page-developer .developer-note{padding:22px 26px}
#page-developer .developer-note strong{font-size:13px}
#page-developer .developer-note p{font-size:11px;line-height:1.6}

@media(max-width:760px){
  .admin-sidebar{overflow-y:auto}
  .admin-nav-item{height:44px;font-size:12px}
  .page-title-row h1{font-size:38px}
  .page-title-row p{font-size:11px}
  #page-developer .settings-card{padding:18px 15px}
  #page-developer .settings-card-heading h2{font-size:21px}
  #page-developer .settings-card-heading p{font-size:11px}
  #page-developer .admin-field{font-size:10px}
  #page-developer .admin-field input,#page-developer .admin-field select,#page-developer .admin-field textarea{font-size:12px}
}