:root{--bg:#f3f7fa;--panel:#fff;--ink:#080b0d;--muted:#5c6970;--line:#d5e0e6;--cyan:#008bc8;--cyan-soft:#e6f5fc;--ok:#1f7a45;--warn:#8a5a00;--danger:#a33b32;--radius:16px;color:var(--ink);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:DM Sans,Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}img{max-width:100%;display:block}.admin-shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.admin-sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;gap:22px;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.admin-brand{align-items:center;gap:12px;display:flex}.admin-brand strong{background:var(--cyan);color:#fff;letter-spacing:.04em;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.admin-brand b{display:block}.admin-brand span{color:var(--cyan);letter-spacing:.14em;text-transform:uppercase;font-size:.72rem}.admin-nav{gap:4px;display:grid}.admin-nav a{color:var(--muted);border-radius:10px;padding:10px 12px;font-weight:650;text-decoration:none}.admin-nav a.active,.admin-nav a:hover{background:var(--cyan-soft);color:var(--cyan)}.admin-sidebar-foot{gap:8px;margin-top:auto;display:grid}.admin-sidebar-foot p{color:var(--muted);word-break:break-all;margin:0;font-size:.78rem}.admin-sidebar-foot button,.btn-ghost,.btn-danger{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 12px}.admin-sidebar-foot button:hover,.btn-ghost:hover{border-color:var(--cyan);color:var(--cyan)}.btn-danger{color:var(--danger)}.btn-primary{background:var(--cyan);color:#fff;border:0;border-radius:10px;padding:12px 16px;font-weight:700}.btn-primary:disabled,.btn-ghost:disabled{opacity:.6;cursor:wait}.admin-main{min-width:0;padding:28px 32px 64px}.admin-main,.page,.panel,.order-card,.size-row,.customer-card{min-width:0}.page{max-width:1100px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.page-head h1{letter-spacing:-.03em;margin:0;font-size:2rem}.kicker{color:var(--cyan);letter-spacing:.14em;text-transform:uppercase;margin:0 0 4px;font-size:.72rem;font-weight:800}.page-sub,.muted{color:var(--muted)}.page-sub{max-width:52ch;margin:6px 0 0}.head-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.back-link{color:var(--muted);margin-bottom:8px;display:inline-block}.stat-grid,.order-summary-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.order-summary-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.order-summary-strip.four{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card,.order-summary-card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.stat-card,.order-summary-card{padding:16px}.stat-card span,.order-summary-card span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:.72rem;display:block}.stat-card strong,.order-summary-card strong{font-size:1.8rem}.stat-card.accent,.order-summary-card.accent{background:var(--cyan-soft);border-color:#b9dff0}.panel{margin-bottom:16px;padding:18px}.panel h2{margin:0 0 14px;font-size:1.15rem}.panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.panel-head h2{margin:0}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:12px 8px}.data-table th{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.72rem}.product-link{color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.product-link img,.preview-vial,.order-item img,.thumb{object-fit:contain;background:var(--cyan-soft);border-radius:8px;width:42px;height:56px}.product-link small,.order-item span,.order-row span{color:var(--muted);font-size:.78rem;display:block}.status-pill,.status-chip,.status-option{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.status-pill.lg{padding:8px 12px}.status-pill.tone-info,.status-chip.tone-info.active,.status-option.active{color:var(--cyan);background:var(--cyan-soft);border-color:#b9dff0}.status-pill.tone-warn,.status-chip.tone-warn.active{color:var(--warn);background:#fff6e8;border-color:#f0dfb8}.status-pill.tone-ok,.status-chip.tone-ok.active{color:var(--ok);background:#eef8f1;border-color:#c9e6d2}.status-pill.tone-danger,.status-chip.tone-danger.active{color:var(--danger);background:#fdeeee;border-color:#f0cfcb}.status-pill.toggle{cursor:pointer}.status-pill.toggle.off{color:var(--muted);background:#f6f8f9}.order-filters,.stack,.stack-form,.enquiry-list{gap:10px;display:grid}.order-filters{margin-bottom:14px}.status-chips,.status-picker{flex-wrap:wrap;gap:8px;display:flex}.status-chip,.status-option{width:auto}.status-chip em{background:#f3f6f8;border-radius:999px;padding:1px 6px;font-style:normal}.status-chip.active em{background:#ffffffb3}.status-option{text-align:left}.order-list{display:grid}.order-list-head,.order-card{grid-template-columns:150px minmax(180px,1.3fr) minmax(120px,.8fr) auto 120px 24px;align-items:center;gap:12px;display:grid}.order-list-head{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;padding:0 12px 8px;font-size:.72rem;font-weight:800}.order-card{text-align:left;border:0;border-top:1px solid var(--line);cursor:pointer;background:0 0;border-radius:12px;width:100%;padding:12px}.order-card:hover,.order-card:focus-visible{background:#f8fbfd;outline:none}.order-card>div>span:not(.customer-avatar),.order-card-total span{color:var(--muted);font-size:.8rem;display:block}.order-card-who{align-items:center;gap:10px;min-width:0;display:flex}.order-card-who strong,.order-card-who span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.order-card-who span:not(.customer-avatar){color:var(--muted);font-size:.8rem;display:block}.order-card-count{color:var(--muted);font-size:.84rem}.order-card-total{text-align:right}.order-card-total strong{font-size:.98rem}.order-card-go{color:var(--cyan);font-weight:700}.customer-avatar{background:var(--cyan-soft);width:36px;height:36px;color:var(--cyan);border-radius:12px;flex:none;place-items:center;font-weight:800;display:grid}.customer-avatar.lg{border-radius:14px;width:46px;height:46px}.order-item-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.order-item{border-bottom:1px solid var(--line);grid-template-columns:52px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:8px 0;display:grid}.order-item img,.order-item .thumb{width:52px;height:68px}.order-item-qty{text-align:center;min-width:36px;color:var(--muted);font-weight:800}.order-item-price{text-align:right}.order-item-price strong,.order-item-price span{display:block}.order-item-price span{color:var(--muted);font-size:.78rem}.totals-box{background:#f8fbfd;border-radius:14px;gap:8px;margin-top:14px;padding:14px;display:grid}.totals-box>div{justify-content:space-between;gap:12px;display:flex}.totals-box .total{border-top:1px solid var(--line);padding-top:8px;font-size:1.05rem}.order-pay-note{margin:10px 0 0}.note-block,.ship-block{margin-top:14px}.note-block span,.ship-block>span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:.72rem;font-weight:800;display:block}.note-block p,.ship-block p{white-space:pre-wrap;margin:0}.order-alert{border:1px solid var(--line);border-radius:14px;gap:4px;margin-bottom:14px;padding:14px 16px;display:grid}.order-alert p{margin:0}.order-alert.warn{background:#fff6e8;border-color:#f0dfb8}.order-alert.danger{background:#fdeeee;border-color:#f0cfcb}.order-track{border:1px solid var(--line);background:#fff;border-radius:16px;gap:0;margin:0 0 18px;padding:16px 8px 8px;list-style:none;display:flex;overflow-x:auto}.order-track li{text-align:center;flex:1;min-width:88px;position:relative}.order-track li:before{content:"";background:#d5e0e6;width:100%;height:2px;position:absolute;top:15px;left:-50%}.order-track li:first-child:before{display:none}.order-track li.done:before,.order-track li.current:before{background:var(--cyan)}.order-track button{z-index:1;width:100%;color:var(--muted);background:0 0;border:0;justify-items:center;gap:8px;font-size:.82rem;font-weight:700;display:grid;position:relative}.order-track button span{background:#fff;border:2px solid #d5e0e6;border-radius:50%;place-items:center;width:32px;height:32px;font-size:.78rem;display:grid}.order-track li.done button{color:var(--ok)}.order-track li.done button span{background:var(--ok);border-color:var(--ok);color:#fff}.order-track li.current button{color:var(--cyan)}.order-track li.current button span{background:var(--cyan);border-color:var(--cyan);color:#fff}.order-track button:disabled{cursor:default}.order-track.cancelled{opacity:.6}.order-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.order-title-row h1{margin:0}.copy-btn{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:999px;padding:4px 10px;font-size:.78rem;font-weight:700}.customer-card{align-items:flex-start;gap:12px;display:flex}.customer-card strong,.customer-card .muted{display:block}.customer-contact{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.status-option.tone-warn.active{color:var(--warn);background:#fff6e8;border-color:#f0dfb8}.status-option.tone-ok.active{color:var(--ok);background:#eef8f1;border-color:#c9e6d2}.status-option.tone-danger.active{color:var(--danger);background:#fdeeee;border-color:#f0cfcb}.split{grid-template-columns:1.4fr .8fr;align-items:start;gap:16px;display:grid}label{gap:6px;display:grid}label span{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.72rem;font-weight:800}input,select,textarea,.search-input{border:1px solid var(--line);background:#fff;border-radius:12px;outline:none;width:100%;padding:12px 14px}input:focus,select:focus,textarea:focus,.search-input:focus{border-color:var(--cyan)}.search-input{max-width:420px;margin-bottom:12px}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.span-2{grid-column:span 2}.checks{flex-wrap:wrap;gap:10px 16px;display:flex}.check{align-items:center;gap:8px;display:flex}.check span{text-transform:none;letter-spacing:0;color:var(--ink);font-size:.92rem;font-weight:600}.check input{width:auto}.preview-vial{width:90px;height:120px}.form-error,.form-ok{margin:0}.form-error{color:var(--danger)}.form-ok{color:var(--ok)}.banner{border:1px solid var(--line);background:#fff;border-radius:12px;margin-bottom:12px;padding:12px 14px}.ui-loading,.ui-empty{text-align:center;justify-items:center;gap:8px;padding:28px 12px;display:grid}.ui-empty p,.ui-loading p{color:var(--muted);margin:0}.ui-spinner{border:2px solid var(--line);border-top-color:var(--cyan);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.enquiry{border-bottom:1px solid var(--line);gap:8px;padding:8px 0 16px;display:grid}.enquiry header,.enquiry-meta{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.enquiry header span,.enquiry time{color:var(--muted);font-size:.82rem}.enquiry p{white-space:pre-wrap;margin:0}.enquiry select{max-width:220px}.login-page{background:radial-gradient(500px 240px at 20% 0%, #008bc829, transparent 60%), var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--line);background:#fff;border-radius:20px;gap:14px;width:min(420px,100%);padding:28px;display:grid}.login-brand span{background:var(--cyan);color:#fff;border-radius:14px;place-items:center;width:46px;height:46px;font-weight:800;display:inline-grid}.login-brand h1{margin:10px 0 4px}.login-brand p{color:var(--muted);margin:0}.panel-help{color:var(--muted);margin:0 0 14px;font-size:.92rem}.panel-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.panel-head h2{margin-bottom:6px}.form-tabs{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.form-tab{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:999px;padding:8px 14px;font-weight:700}.form-tab.active{background:var(--cyan-soft);color:var(--cyan);border-color:#b9dff0}.form-tab em{background:#f3f6f8;border-radius:999px;margin-left:6px;padding:1px 6px;font-style:normal}.variant-cards{gap:14px;display:grid}.variant-card{border:1px solid var(--line);background:#f8fbfd;border-radius:14px;gap:14px;padding:14px;display:grid}.variant-card-head{justify-content:space-between;align-items:center;display:flex}.btn-danger.ghost{background:0 0}a.btn-ghost{color:inherit;align-items:center;text-decoration:none;display:inline-flex}.image-upload{gap:8px;display:grid}.image-upload-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.72rem;font-weight:800}.image-upload-box{align-items:center;gap:14px;display:flex}.image-upload-preview{border:1px solid var(--line);width:84px;height:112px;color:var(--muted);background:#fff;border-radius:12px;place-items:center;font-size:.78rem;display:grid;overflow:hidden}.image-upload-preview img{object-fit:contain;width:100%;height:100%}.image-upload-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.image-upload-hint{color:var(--muted);flex-basis:100%;margin:0;font-size:.78rem}.coa-card{background:linear-gradient(#f4fbfe 0%,#fff 42%);border:1px solid #d7e7f0;border-radius:18px;gap:14px;margin-top:18px;padding:18px;display:grid}.coa-card-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.coa-card-head h3{letter-spacing:-.02em;margin:2px 0 4px;font-size:1.15rem}.coa-card-head p{color:var(--muted);max-width:46ch;margin:0}.coa-status{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;background:#eef3f6;border-radius:999px;flex:none;padding:6px 10px;font-size:.75rem;font-weight:800}.coa-status.ready{color:var(--ok);background:#e7f6ee}.coa-drop{text-align:center;background:#fff;border:1.5px dashed #8ec4de;border-radius:16px;justify-items:center;gap:6px;padding:28px 18px 22px;display:grid}.coa-drop.drag{border-color:var(--cyan);background:var(--cyan-soft)}.coa-drop strong{font-size:1.02rem}.coa-drop>span:last-of-type{color:var(--muted);margin-bottom:8px;font-size:.88rem}.coa-mark{background:var(--cyan-soft);width:64px;height:64px;color:var(--cyan);border-radius:18px;place-items:center;margin-bottom:4px;display:grid}.coa-mark.ready{background:var(--cyan);color:#fff}.coa-icon-svg{width:34px;height:34px}.coa-file{background:#fff;border:1px solid #d7e7f0;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:14px;display:grid}.coa-file.drag{border-color:var(--cyan);background:var(--cyan-soft)}.coa-file .coa-mark{border-radius:16px;width:56px;height:56px;margin:0}.coa-file-copy strong,.coa-file-copy span{display:block}.coa-file-copy span{color:var(--muted);margin-top:3px;font-size:.86rem}.coa-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.size-list{gap:10px;display:grid}.size-row{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:54px 1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.size-row strong,.size-row span{display:block}.size-row span{color:var(--muted);margin-top:2px;font-size:.86rem}.size-row-thumb{background:var(--cyan-soft);width:54px;height:72px;color:var(--muted);text-align:center;border-radius:10px;place-items:center;font-size:.68rem;display:grid;overflow:hidden}.size-row-thumb img{object-fit:contain;width:100%;height:100%}.size-row-actions{gap:8px;display:flex}.size-empty{border:1px dashed var(--line);background:#fff;border-radius:14px;justify-items:start;gap:8px;padding:22px;display:grid}.size-empty p{color:var(--muted);margin:0}.modal-backdrop{z-index:30;background:#08141c73;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:18px;gap:14px;width:min(720px,100%);max-height:min(88vh,860px);padding:22px;display:grid;overflow:auto;box-shadow:0 24px 60px #08141c33}.modal-head,.modal-actions{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.modal-head h2{margin:0}.modal-actions{justify-content:flex-end}.modal-close{color:var(--muted);background:0 0;border:0;padding:0 4px;font-size:1.6rem;line-height:1}@media (width<=900px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{z-index:5;border-right:0;border-bottom:1px solid var(--line);background:#fff;gap:10px;height:auto;padding:12px 12px 10px;position:sticky;top:0}.admin-nav{gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.admin-nav a{white-space:nowrap;flex:none}.admin-sidebar-foot{justify-content:space-between;align-items:center;gap:8px;margin-top:0;display:flex}.admin-sidebar-foot p{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.admin-sidebar-foot button{flex:none}.admin-main{padding:16px 12px 48px}.page-head{gap:10px}.page-head h1{overflow-wrap:anywhere;font-size:1.45rem}.head-actions,.head-actions .btn-primary,.head-actions .btn-ghost,.head-actions .btn-danger{width:auto}.search-input{max-width:none}.stat-grid,.order-summary-strip,.order-summary-strip.four,.split,.form-grid{grid-template-columns:1fr 1fr}.order-summary-card span,.stat-card span{letter-spacing:.04em;overflow-wrap:anywhere}.order-list-head{display:none}.order-card{grid-template-columns:1fr;align-items:start;gap:8px}.order-card-go{display:none}.order-card-count{display:block}.order-card-who{align-items:flex-start}.order-card-who strong,.order-card-who span:not(.customer-avatar){white-space:normal;text-overflow:unset;overflow-wrap:anywhere;overflow:visible}.order-card-total{text-align:left}.order-item{grid-template-columns:52px minmax(0,1fr)}.order-item-copy{min-width:0}.order-item-copy strong,.order-item-copy span{overflow-wrap:anywhere}.order-item-qty,.order-item-price{text-align:left;grid-column:2}.order-track li{min-width:76px}.order-track button{font-size:.72rem}.customer-card{flex-wrap:wrap}.customer-contact{min-width:0}.customer-contact a{overflow-wrap:anywhere}.panel-head{flex-direction:column;align-items:stretch}.enquiry header,.enquiry-meta{flex-wrap:wrap}.enquiry select{max-width:none}.span-2{grid-column:auto}.panel:has(.data-table){overflow-x:auto}.data-table{min-width:680px}.size-row{grid-template-columns:54px minmax(0,1fr)}.size-row>div{min-width:0}.size-row span{overflow-wrap:anywhere}.size-row-actions{flex-wrap:wrap;grid-column:1/-1}.coa-card-head,.coa-file{grid-template-columns:1fr;display:grid}.coa-file-copy{overflow-wrap:anywhere;min-width:0}.coa-actions{justify-content:flex-start}.image-upload-box{flex-wrap:wrap}.modal{border-radius:16px;width:100%;padding:16px}.modal-actions{flex-wrap:wrap;justify-content:stretch}.modal-actions button{flex:1}}@media (width<=560px){.stat-grid,.order-summary-strip,.order-summary-strip.four,.form-grid,.split{grid-template-columns:1fr}.page-head h1{font-size:1.28rem}.order-summary-card strong,.stat-card strong{font-size:1.45rem}.checks{display:grid}.admin-brand b{font-size:.92rem}}