:root{--blue:#2386c4;--blue-dark:#09639c;--red:#f41b2a;--ink:#17222d;--muted:#74828e;--line:#dde5ea;--soft:#f4f7f9;--white:#fff;--green:#3e9a59;--amber:#d58a18;--shadow:0 10px 28px rgba(24,43,56,.08)}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#f3f6f8;font:13px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}button,input,select{font:inherit}.admin-sidebar{position:fixed;z-index:30;inset:0 auto 0 0;width:245px;display:flex;flex-direction:column;color:#c6d2da;background:#152630}.admin-logo{display:flex;align-items:center;gap:9px;height:78px;padding:0 22px;border-bottom:1px solid #2b3c47;text-decoration:none}.admin-logo img{width:128px;filter:brightness(0) invert(1)}.admin-logo span{padding:3px 6px;border-radius:4px;color:#fff;background:var(--red);font-size:8px;font-weight:900;letter-spacing:.12em}.admin-sidebar nav{display:grid;gap:4px;padding:19px 12px}.admin-sidebar nav button{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;border:0;border-radius:7px;color:#9eb0bb;background:none;text-align:left;cursor:pointer}.admin-sidebar nav button:hover,.admin-sidebar nav button.active{color:#fff;background:#223b4a}.admin-sidebar nav button.active{box-shadow:inset 3px 0 var(--blue)}.admin-sidebar nav em{min-width:21px;margin-left:auto;padding:2px 5px;border-radius:10px;color:#b8c6cf;background:#304754;font-size:9px;font-style:normal;text-align:center}.sidebar-footer{display:flex;align-items:center;gap:10px;margin-top:auto;padding:17px;border-top:1px solid #2b3c47}.sidebar-footer>span,.admin-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#fff;background:var(--blue);font-weight:850}.sidebar-footer strong,.sidebar-footer small{display:block}.sidebar-footer strong{color:#fff;font-size:11px}.sidebar-footer small{color:#7f929e;font-size:9px}.admin-shell{min-height:100vh;margin-left:245px}.admin-topbar{position:sticky;z-index:20;top:0;height:68px;display:flex;align-items:center;gap:18px;padding:0 28px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.96)}.menu-toggle{display:none;border:0;background:none}.admin-search{display:flex;align-items:center;gap:9px;width:min(460px,46vw);padding:0 13px;border:1px solid var(--line);border-radius:8px;background:#f8fafb}.admin-search svg{color:#8b99a3}.admin-search input{width:100%;height:38px;border:0;outline:0;background:transparent}.topbar-actions{display:flex;align-items:center;gap:13px;margin-left:auto}.topbar-actions>a{color:var(--blue);font-size:11px;font-weight:750;text-decoration:none}.notification{position:relative;display:flex;padding:8px;border:0;border-radius:50%;background:#f3f6f8;cursor:pointer}.notification i{position:absolute;right:6px;top:5px;width:7px;height:7px;border:1px solid #fff;border-radius:50%;background:var(--red)}.admin-main{padding:28px}.admin-view{display:none;max-width:1420px;margin:auto}.admin-view.active{display:block}.admin-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.admin-heading p{margin:0 0 3px;color:var(--blue);font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.admin-heading h1{margin:0;font-size:28px;letter-spacing:-.025em}.admin-heading span{display:block;margin-top:4px;color:var(--muted)}.primary-admin,.secondary-admin{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 15px;border-radius:7px;font-weight:750;cursor:pointer}.primary-admin{border:0;color:#fff;background:var(--blue)}.primary-admin:hover{background:var(--blue-dark)}.secondary-admin{border:1px solid var(--line);color:var(--ink);background:#fff}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kpi-card{position:relative;overflow:hidden;padding:19px;border:1px solid var(--line);border-radius:11px;background:#fff}.kpi-card:after{content:"";position:absolute;right:-18px;bottom:-30px;width:80px;height:80px;border-radius:50%;background:#eff7fc}.kpi-top{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.kpi-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;color:var(--blue);background:#eaf5fb}.kpi-card strong{display:block;margin-top:10px;font-size:24px}.kpi-card small{color:var(--green)}.kpi-card small.neutral{color:var(--muted)}.admin-card{border:1px solid var(--line);border-radius:11px;background:#fff;box-shadow:0 4px 16px rgba(23,34,45,.035)}.dashboard-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:14px;margin-top:14px}.dashboard-grid.lower-grid{grid-template-columns:1.5fr 1fr}.sales-card,.order-breakdown,.lower-grid>.admin-card{padding:19px}.card-heading{display:flex;align-items:start;justify-content:space-between}.card-heading h2{margin:0;font-size:15px}.card-heading p{margin:3px 0;color:var(--muted);font-size:10px}.card-heading select{padding:7px 9px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--muted);font-size:10px}.chart-total{display:flex;align-items:center;gap:12px;margin-top:18px}.chart-total strong{font-size:24px}.chart-total span{padding:4px 7px;border-radius:10px;color:var(--green);background:#eaf7ee;font-size:9px}.bar-chart{height:160px;display:flex;align-items:end;justify-content:space-around;gap:13px;margin-top:15px;padding-top:8px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,#fff 0,#fff 39px,#edf1f4 40px)}.chart-column{height:100%;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:end;gap:6px}.chart-column i{display:block;width:min(34px,78%);min-height:8px;border-radius:5px 5px 0 0;background:linear-gradient(var(--blue),#75bbe3)}.chart-column span{margin-bottom:-22px;color:var(--muted);font-size:9px}.status-row{margin-top:18px}.status-label{display:flex;justify-content:space-between;margin-bottom:6px;font-size:11px}.status-label span{color:var(--muted)}.status-track{height:7px;overflow:hidden;border-radius:5px;background:#edf1f3}.status-track i{display:block;height:100%;border-radius:5px;background:var(--blue)}.compact-order,.stock-item{display:grid;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--line)}.compact-order{grid-template-columns:1fr 1fr 1fr auto}.compact-order span,.compact-order strong,.compact-order small{display:block}.compact-order span,.compact-order small{color:var(--muted);font-size:9px}.status-pill{width:max-content;padding:4px 8px;border-radius:11px;font-size:9px;font-weight:750}.status-pill.pending{color:#9b650b;background:#fff3d8}.status-pill.preparing{color:#116c9d;background:#e6f4fb}.status-pill.shipped{color:#6650aa;background:#eee9ff}.status-pill.delivered{color:#347744;background:#e8f6eb}.stock-item{grid-template-columns:42px 1fr auto}.stock-item img{width:42px;height:42px;border-radius:6px;object-fit:contain;background:var(--soft)}.stock-item strong,.stock-item small{display:block}.stock-item strong{font-size:11px}.stock-item small{color:var(--muted);font-size:9px}.stock-number{color:var(--red);font-weight:800}.link-button{display:flex;align-items:center;gap:3px;border:0;color:var(--blue);background:none;font-size:10px;font-weight:750;cursor:pointer}.link-button svg{width:14px}.table-card{overflow:hidden}.table-tools{display:flex;align-items:center;gap:10px;padding:15px 17px;border-bottom:1px solid var(--line)}.table-search{display:flex;align-items:center;gap:7px;flex:1;max-width:420px;padding:0 10px;border:1px solid var(--line);border-radius:7px;background:#f9fbfc}.table-search svg{width:16px;color:#8997a1}.table-search input{width:100%;height:35px;border:0;outline:0;background:transparent}.table-tools select{height:37px;padding:0 30px 0 10px;border:1px solid var(--line);border-radius:7px;background:#fff}.table-tools>span{margin-left:auto;color:var(--muted)}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse}th{padding:11px 15px;color:#7e8c96;background:#f7f9fa;font-size:9px;letter-spacing:.04em;text-align:left;text-transform:uppercase}td{padding:11px 15px;border-top:1px solid #edf1f3;white-space:nowrap}tbody tr:hover{background:#fafcfd}.table-product{display:flex;align-items:center;gap:9px;min-width:220px}.table-product img{width:44px;height:44px;border-radius:6px;object-fit:contain;background:var(--soft)}.table-product strong,.table-product small{display:block}.table-product strong{font-size:11px}.table-product small{color:var(--muted);font-size:9px}.sku{color:var(--muted);font-family:ui-monospace,monospace;font-size:10px}.stock-badge{padding:4px 7px;border-radius:10px;color:#337747;background:#eaf7ed;font-size:9px}.stock-badge.low{color:#a0680f;background:#fff2d7}.visibility-toggle{position:relative;width:31px;height:17px;appearance:none;border-radius:10px;background:#cdd6dc;cursor:pointer}.visibility-toggle:checked{background:var(--green)}.visibility-toggle:after{content:"";position:absolute;left:2px;top:2px;width:13px;height:13px;border-radius:50%;background:#fff;transition:.15s}.visibility-toggle:checked:after{left:16px}.edit-button{display:flex;padding:7px;border:0;border-radius:6px;color:var(--blue);background:#edf6fb;cursor:pointer}.edit-button svg{width:15px;height:15px}.table-footer{display:flex;justify-content:space-between;padding:12px 17px;border-top:1px solid var(--line);color:var(--muted);font-size:9px}.order-tabs{display:flex;gap:5px;margin-bottom:12px}.order-tabs button{padding:8px 12px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--muted);cursor:pointer}.order-tabs button.active{border-color:var(--blue);color:#fff;background:var(--blue)}.order-status-select{padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:#fff;font-size:10px}.customer-grid,.promo-admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.customer-card{padding:18px}.customer-head{display:flex;align-items:center;gap:11px}.customer-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:#fff;background:var(--blue);font-weight:850}.customer-head strong,.customer-head span{display:block}.customer-head span{color:var(--muted);font-size:10px}.customer-stats{display:flex;justify-content:space-between;margin-top:16px;padding-top:13px;border-top:1px solid var(--line)}.customer-stats span,.customer-stats strong{display:block}.customer-stats span{color:var(--muted);font-size:9px}.promo-admin-card{position:relative;overflow:hidden;min-height:210px;border-radius:12px;color:#fff;background:#183444}.promo-admin-card img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.35}.promo-admin-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,37,51,.92),rgba(14,37,51,.22))}.promo-admin-card>div{position:relative;z-index:1;padding:22px}.promo-admin-card span{font-size:9px;text-transform:uppercase}.promo-admin-card h2{margin:8px 0 4px}.promo-admin-card p{color:#d5e1e8;font-size:11px}.promo-admin-card button{margin-top:13px;padding:7px 10px;border:0;border-radius:5px;background:#fff;color:var(--ink);font-weight:750}.settings-form{max-width:850px;padding:23px}.settings-form h2{margin:4px 0 16px;font-size:16px}.settings-form h2:not(:first-child){margin-top:27px;padding-top:20px;border-top:1px solid var(--line)}.admin-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.settings-form label,.admin-dialog label{display:grid;gap:6px;color:#5a6873;font-size:10px;font-weight:750}.settings-form input,.settings-form select,.admin-dialog input,.admin-dialog select{height:40px;padding:0 11px;border:1px solid var(--line);border-radius:7px;background:#fff;outline:0}.settings-form input:focus,.admin-dialog input:focus,.admin-dialog select:focus{border-color:var(--blue)}.settings-form>.primary-admin{margin-top:22px}.city-tags{display:flex;flex-wrap:wrap;gap:7px}.city-tags span,.city-tags button{padding:7px 10px;border:1px solid var(--line);border-radius:15px;background:#f6f9fa;color:#53616c;font-size:10px}.city-tags button{border-style:dashed;color:var(--blue);cursor:pointer}.admin-dialog{width:min(470px,calc(100% - 28px));padding:0;border:0;border-radius:13px;box-shadow:0 30px 80px rgba(8,25,36,.28)}.admin-dialog::backdrop{background:rgba(10,25,35,.66)}.admin-dialog form{padding:26px}.dialog-x{position:absolute;right:14px;top:14px;display:flex;padding:7px;border:0;border-radius:50%;background:#f3f6f8;cursor:pointer}.dialog-title span{color:var(--blue);font-size:9px;font-weight:850;text-transform:uppercase}.dialog-title h2{margin:3px 0 18px}.editor-preview{display:flex;align-items:center;gap:11px;margin-bottom:16px;padding:10px;border-radius:8px;background:#f5f8fa}.editor-preview img{width:58px;height:58px;object-fit:contain;border-radius:6px;background:#fff}.editor-preview strong,.editor-preview small{display:block}.editor-preview small{color:var(--muted);font-size:9px}.admin-dialog label{margin-top:12px}.dialog-fields{display:grid;grid-template-columns:1fr 1fr;gap:11px}.toggle-row{display:flex!important;align-items:center;gap:8px}.toggle-row input{width:16px;height:16px;accent-color:var(--blue)}.primary-admin.full{width:100%;margin-top:20px}.admin-toast{position:fixed;z-index:70;right:22px;bottom:22px;transform:translateY(50px);padding:12px 16px;border-radius:7px;color:#fff;background:#17222d;opacity:0;transition:.2s}.admin-toast.show{transform:none;opacity:1}
@media(max-width:1050px){.admin-sidebar{width:205px}.admin-shell{margin-left:205px}.kpi-grid{grid-template-columns:1fr 1fr}.dashboard-grid,.dashboard-grid.lower-grid{grid-template-columns:1fr}.catalogue-grid{grid-template-columns:repeat(3,1fr)}.customer-grid,.promo-admin-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.admin-sidebar{transform:translateX(-100%);width:245px;transition:.2s}.admin-sidebar.open{transform:none}.admin-shell{margin-left:0}.admin-topbar{padding:0 14px}.menu-toggle{display:flex}.admin-search{width:100%}.topbar-actions>a,.admin-avatar{display:none}.admin-main{padding:18px 13px}.admin-heading{align-items:start}.admin-heading h1{font-size:24px}.admin-heading>button{font-size:0;padding:11px}.admin-heading>button svg{margin:0}.kpi-grid{grid-template-columns:1fr 1fr;gap:9px}.kpi-card{padding:14px}.dashboard-grid{gap:9px}.table-tools{flex-wrap:wrap}.table-search{min-width:100%}.customer-grid,.promo-admin-grid{grid-template-columns:1fr}.admin-field-grid{grid-template-columns:1fr}.order-tabs{overflow:auto}.compact-order{grid-template-columns:1fr 1fr}.compact-order>*:nth-child(3){display:none}}
.wholesale-admin-note{margin-bottom:12px;padding:12px 14px;border-left:3px solid var(--blue);border-radius:7px;background:#eaf5fb;color:#315f79;font-size:11px}