:root{--bg: #f3f6fb;--surface: #ffffff;--surface-raised: #f1f5fa;--border: #e2e8f1;--border-strong: #cbd5e3;--text: #0e1b33;--text-muted: #5a6880;--navy: #0b1d3a;--accent: #0e8f86;--accent-strong: #0a736c;--accent-soft: #e0f4f2;--blue: #2c63e8;--blue-soft: #e8effd;--violet: #6b4fd8;--violet-soft: #eeeafc;--error: #d12a47;--error-bg: #fdecef;--warning: #a8650b;--warning-bg: #fff3dc;--success: #12794a;--success-bg: #e4f5ec;--radius: 12px;--radius-sm: 9px;--shadow-sm: 0 1px 2px rgba( 11, 29, 58, .06 ), 0 1px 3px rgba( 11, 29, 58, .05 );--shadow-md: 0 4px 16px rgba( 11, 29, 58, .08 );--topbar-height: 60px;--bottom-nav-height: 64px;--sidebar-width: 268px;--sidebar-width-collapsed: 76px}*{box-sizing:border-box}body{margin:0;background:var( --bg );color:var( --text );font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}.app-status-screen{min-height:100vh;background:var( --bg )}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.login-form{width:100%;max-width:320px;background:var( --surface );border:1px solid var( --border );border-radius:var( --radius );padding:2rem}.login-heading{font-size:1.1rem;font-weight:600;margin:0 0 1.5rem;text-align:center;color:var( --text )}.login-field{margin-bottom:1rem}.login-field label{display:block;font-size:.8rem;color:var( --text-muted );margin-bottom:.4rem}.login-field input{width:100%;background:var( --surface-raised );border:1px solid var( --border );border-radius:var( --radius );color:var( --text );font-size:.9rem;padding:.6rem .75rem}.login-field input:focus{outline:none;border-color:var( --accent )}.login-error{background:var( --error-bg );border:1px solid var( --error );border-radius:var( --radius );color:var( --error );font-size:.85rem;padding:.6rem .75rem;margin:0 0 1rem}.login-button{width:100%;background:var( --accent );border:none;border-radius:var( --radius );color:#fff;font-size:.9rem;font-weight:600;padding:.7rem;cursor:pointer}.login-button:disabled{opacity:.6;cursor:not-allowed}.dashboard-placeholder{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.dashboard-placeholder-content{max-width:480px;text-align:center}.dashboard-placeholder-signed-in{color:var( --text-muted );font-size:.85rem;margin:0 0 1.5rem}.dashboard-placeholder-content h1{font-size:1.2rem;margin:0 0 .75rem}.dashboard-placeholder-content p{color:var( --text-muted );font-size:.9rem;line-height:1.6}.dashboard-placeholder-sign-out{margin-top:1.5rem;background:transparent;border:1px solid var( --border );border-radius:var( --radius );color:var( --text );font-size:.85rem;padding:.5rem 1.25rem;cursor:pointer}.dashboard-placeholder-sign-out:hover{border-color:var( --accent )}.page-heading{font-size:1.3rem;font-weight:600;margin:0 0 1.5rem}.page-loading,.page-empty{color:var( --text-muted );font-size:.9rem}.page-error{background:var( --error-bg );border:1px solid var( --error );border-radius:var( --radius );color:var( --error );font-size:.85rem;padding:.75rem 1rem;margin-bottom:1rem}.page-coming-soon h1{font-size:1.3rem;margin:0 0 .5rem}.page-coming-soon p{color:var( --text-muted );font-size:.9rem}.order-status-badge{display:inline-block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:.2rem .55rem;border-radius:var( --radius );white-space:nowrap}.order-status-badge--submitted{background:var( --blue-soft );color:var( --blue )}.order-status-badge--awaiting_payment{background:var( --warning-bg );color:var( --warning )}.order-status-badge--processing{background:var( --blue-soft );color:var( --blue )}.order-status-badge--waiting_for_tracking{background:var( --violet-soft );color:var( --violet )}.order-status-badge--completed{background:var( --success-bg );color:var( --success )}.order-status-badge--cancelled{background:var( --error-bg );color:var( --error )}.dashboard-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.dashboard-card{background:var( --surface );border:1px solid var( --border );border-radius:var( --radius );padding:1.25rem;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:.35rem}.dashboard-card:hover{border-color:var( --accent )}.dashboard-card-count{font-size:1.8rem;font-weight:700;color:var( --text )}.dashboard-card-label{font-size:.8rem;color:var( --text-muted )}.dashboard-panel-heading{font-size:.9rem;font-weight:600;margin:0 0 .75rem}.dashboard-overdue-panel{background:var( --warning-bg );border:1px solid var( --warning );border-radius:var( --radius );padding:1rem 1.25rem;margin-bottom:1.5rem}.dashboard-overdue-row{width:100%;display:grid;grid-template-columns:1fr 2fr 1fr 1fr;gap:1rem;align-items:center;background:transparent;border:none;border-bottom:1px solid var( --border );color:var( --text );font-size:.85rem;text-align:left;padding:.6rem 0;cursor:pointer}.dashboard-overdue-row:last-child{border-bottom:none}.dashboard-overdue-row:hover{color:var( --accent )}.dashboard-overdue-elapsed{color:var( --warning );font-weight:600}.dashboard-recent-activity{background:var( --surface );border:1px solid var( --border );border-radius:var( --radius );padding:1.25rem}.orders-status-tabs{display:flex;gap:.4rem;margin-bottom:1rem;flex-wrap:wrap}.orders-status-tab{background:var( --surface );border:1px solid var( --border );border-radius:var( --radius );color:var( --text-muted );font-size:.8rem;padding:.4rem .8rem;cursor:pointer}.orders-status-tab.is-active{background:var( --surface-raised );border-color:var( --accent );color:var( --text )}.orders-controls{display:flex;gap:.75rem;margin-bottom:1.25rem}.orders-search-input{flex:1;background:var( --surface-raised );border:1px solid var( --border );border-radius:var( --radius );color:var( --text );font-size:.85rem;padding:.55rem .75rem}.orders-sort-select{background:var( --surface-raised );border:1px solid var( --border );border-radius:var( --radius );color:var( --text );font-size:.85rem;padding:.55rem .75rem}.stock-controls{display:flex;gap:.75rem;margin-bottom:1.25rem}.settings-section{background:var( --surface );border:1px solid var( --border );border-radius:var( --radius );padding:1.25rem 1.5rem;max-width:480px;margin-top:1.25rem}.settings-section-description{font-size:.85rem;color:var( --text-muted );line-height:1.5;margin:0 0 1rem}.settings-form{display:flex;flex-direction:column;gap:.4rem;max-width:200px}.settings-form label{font-size:.75rem;color:var( --text-muted )}.settings-form input{background:var( --surface-raised );border:1px solid var( --border );border-radius:var( --radius );color:var( --text );font-size:.9rem;padding:.55rem .7rem;margin-bottom:.6rem}.orders-table{background:var( --surface );border:1px solid var( --border );border-radius:var( --radius );overflow:hidden}.orders-table-row{width:100%;display:grid;grid-template-columns:1.2fr 1.8fr 1.6fr 1fr 1fr 1.2fr;gap:1rem;align-items:center;background:transparent;border:none;border-bottom:1px solid var( --border );color:var( --text );font-size:.85rem;text-align:left;padding:.75rem 1rem;cursor:pointer}.orders-table-row:last-child{border-bottom:none}.orders-table-row:hover{background:var( --surface-raised )}.orders-table-date,.orders-table-shipping-method{color:var( --text-muted );font-size:.8rem}.orders-table-elapsed{font-size:.8rem;color:var( --text-muted );font-weight:600}.orders-table-elapsed--overdue{color:var( --warning )}.orders-table-row--overdue{border-left:3px solid var( --warning );background:var( --warning-bg )}.order-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem}.order-detail-header .page-heading{margin-bottom:.5rem}.order-detail-internal-reference{font-size:.75rem;color:var( --text-muted );margin:0 0 .6rem;font-family:monospace}.order-detail-total{font-size:1.3rem;font-weight:700}.order-detail-actions{display:flex;gap:.75rem;margin-bottom:1.5rem}.action-button{border:none;border-radius:var( --radius );font-size:.85rem;font-weight:600;padding:.6rem 1.25rem;cursor:pointer}.action-button--primary{background:var( --accent );color:#fff}.action-button--danger{background:transparent;border:1px solid var( --error );color:var( --error )}.action-button:disabled{opacity:.6;cursor:not-allowed}.order-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.order-detail-section{background:var( --surface );border:1px solid var( --border );border-radius:var( --radius );padding:1.1rem 1.25rem}.order-detail-section--wide{grid-column:1 / -1}.order-detail-section-heading{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var( --text-muted );margin:0 0 .6rem}.order-detail-section-heading-row{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.order-detail-section-heading-row .order-detail-section-heading{margin:0}.order-detail-address-form{display:flex;flex-direction:column;gap:.15rem;margin-top:.5rem}.order-detail-address-form label{font-size:.75rem;color:var( --text-muted );margin-top:.5rem}.order-detail-address-form input{background:var( --surface-raised );border:1px solid var( --border );border-radius:var( --radius );color:var( --text );font-size:.85rem;padding:.5rem .65rem}.order-detail-address-form-actions{display:flex;gap:.6rem;margin-top:1rem}.order-detail-tracking-form{display:flex;flex-direction:column;gap:.15rem;margin-top:.5rem;max-width:320px}.order-detail-tracking-form label{font-size:.75rem;color:var( --text-muted );margin-top:.5rem}.order-detail-tracking-form input,.order-detail-tracking-form select{background:var( --surface-raised );border:1px solid var( --border );border-radius:var( --radius );color:var( --text );font-size:.85rem;padding:.5rem .65rem}.order-detail-tracking-form button[type=submit]{margin-top:1rem;align-self:flex-start}.order-detail-section p{font-size:.85rem;margin:0 0 .3rem}.order-detail-item-row,.order-detail-timeline-row{display:flex;justify-content:space-between;font-size:.85rem;padding:.4rem 0;border-bottom:1px solid var( --border )}.order-detail-item-row:last-child,.order-detail-timeline-row:last-child{border-bottom:none}.order-detail-item-row--total{font-weight:700;border-top:1px solid var( --border );border-bottom:none;margin-top:.2rem;padding-top:.5rem}.order-detail-tracking-display{display:flex;align-items:center;gap:.6rem}.order-detail-edit-link{background:transparent;border:none;color:var( --accent );font-size:.8rem;cursor:pointer;padding:0;text-decoration:underline}.order-detail-tracking-edit-row{display:flex;gap:.5rem;align-items:center}.order-detail-tracking-edit-row input{background:var( --surface-raised );border:1px solid var( --border );border-radius:var( --radius );color:var( --text );font-size:.85rem;padding:.4rem .6rem}.order-detail-notes{width:100%;background:var( --surface-raised );border:1px solid var( --border );border-radius:var( --radius );color:var( --text );font-size:.85rem;padding:.65rem .75rem;margin-bottom:.6rem;resize:vertical}.order-detail-save-notes{background:var( --surface-raised );border:1px solid var( --border );border-radius:var( --radius );color:var( --text );font-size:.8rem;padding:.45rem 1rem;cursor:pointer}.order-detail-save-notes:hover:not(:disabled){border-color:var( --accent )}@media (max-width: 900px){.dashboard-cards{grid-template-columns:repeat(2,1fr)}.order-detail-grid{grid-template-columns:1fr}.orders-table-row,.dashboard-overdue-row{grid-template-columns:1fr 1fr}}.stock-status-badge{display:inline-block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:.2rem .55rem;border-radius:var( --radius );white-space:nowrap}.stock-status-badge--not_set{background:var( --surface-raised );color:var( --text-muted )}.stock-status-badge--available{background:var( --success-bg );color:var( --success )}.stock-status-badge--low_stock{background:var( --warning-bg );color:var( --warning )}.stock-status-badge--out_of_stock{background:var( --error-bg );color:var( --error )}.page-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.products-page-note{color:var( --text-muted );font-size:.8rem;margin-bottom:1.25rem;max-width:640px}.quick-adjust-buttons{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.6rem}.quick-adjust-button{background:var( --surface-raised );border:1px solid var( --border );border-radius:var( --radius );color:var( --text );font-family:inherit;font-size:.8rem;font-weight:600;padding:.4rem .7rem;cursor:pointer}.quick-adjust-button:hover{border-color:var( --accent )}.quick-adjust-custom{display:flex;gap:.5rem}.quick-adjust-custom input{flex:1;background:var( --surface-raised );border:1px solid var( --border );border-radius:var( --radius );color:var( --text );font-size:.85rem;padding:.5rem .7rem}.initialise-product-form{background:var( --surface );border:1px solid var( --border );border-radius:var( --radius );padding:1.25rem;margin-bottom:1.5rem;max-width:480px}.initialise-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.products-table,.stock-table{background:var( --surface );border:1px solid var( --border );border-radius:var( --radius );overflow:hidden}.products-table-row{width:100%;display:grid;grid-template-columns:2fr 1fr 1fr;gap:1rem;align-items:center;background:transparent;border:none;border-bottom:1px solid var( --border );color:var( --text );font-size:.85rem;text-align:left;padding:.75rem 1rem;cursor:pointer}.products-table-row:last-child{border-bottom:none}.products-table-row:hover{background:var( --surface-raised )}.products-table-stock{color:var( --text-muted );font-size:.8rem}.product-detail-page .stock-status-badge{margin-bottom:1.5rem;display:inline-block}.product-detail-stock-figure{font-size:2rem;font-weight:700;margin:0 0 .5rem}.stock-table-row{display:grid;grid-template-columns:1.5fr 1fr 1fr 2fr;gap:1rem;align-items:center;padding:.9rem 1rem;border-bottom:1px solid var( --border )}.stock-table-row:last-child{border-bottom:none}.stock-table-info{display:flex;flex-direction:column;gap:.3rem}.stock-table-name{font-size:.9rem}.stock-table-figure,.stock-table-updated{font-size:.8rem;color:var( --text-muted )}.stock-table-row .quick-adjust-buttons{margin-bottom:0;justify-content:flex-end}.dashboard-low-stock-panel{background:var( --surface );border:1px solid var( --border );border-radius:var( --radius );padding:1rem 1.25rem;margin-bottom:1.5rem}.dashboard-low-stock-row{width:100%;display:grid;grid-template-columns:2fr 1fr 1fr;gap:1rem;align-items:center;background:transparent;border:none;border-bottom:1px solid var( --border );color:var( --text );font-size:.85rem;text-align:left;padding:.6rem 0;cursor:pointer}.dashboard-low-stock-row:last-child{border-bottom:none}.dashboard-low-stock-row:hover{color:var( --accent )}.dashboard-low-stock-figure{color:var( --text-muted );font-size:.8rem}.stock-deduction-warning{background:var( --warning-bg );border:1px solid var( --warning );border-radius:var( --radius );padding:1rem 1.25rem;margin-bottom:1.25rem}.stock-deduction-warning-heading{color:var( --warning );font-weight:700;margin:0 0 .5rem}.stock-deduction-warning-line{font-size:.85rem;margin:0 0 .3rem}.stock-deduction-warning-hint{font-size:.8rem;color:var( --text-muted );margin:.5rem 0 0}@media (max-width: 900px){.products-table-row,.stock-table-row,.dashboard-low-stock-row{grid-template-columns:1fr 1fr}.initialise-form-row{grid-template-columns:1fr}}.send-payment-link-form{margin-bottom:1.25rem}.send-payment-link-form label{display:block;font-size:.8rem;color:var( --text-muted );margin-bottom:.4rem}.send-payment-link-row{display:flex;gap:.75rem}.send-payment-link-row input{flex:1;background:var( --surface-raised );border:1px solid var( --border );border-radius:var( --radius );color:var( --text );font-size:.85rem;padding:.6rem .75rem}.awaiting-payment-panel{background:var( --surface );border:1px solid var( --border );border-radius:var( --radius );padding:1.1rem 1.25rem;margin-bottom:1.25rem}.awaiting-payment-panel--overdue{border-color:var( --warning );background:var( --warning-bg )}.awaiting-payment-info-row{display:flex;justify-content:space-between;font-size:.85rem;margin-bottom:.9rem}.awaiting-payment-elapsed{font-weight:600;color:var( --text )}.awaiting-payment-elapsed--overdue{font-weight:700;color:var( --warning )}.awaiting-payment-link-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.9rem}.awaiting-payment-link-text{flex:1;background:var( --surface-raised );border:1px solid var( --border );border-radius:var( --radius );padding:.55rem .75rem;font-size:.8rem;color:var( --text-muted );overflow-x:auto;white-space:nowrap}.awaiting-payment-resend-form{margin:0}.stock-deduction-result--success{color:var( --success );font-size:.85rem}.stock-deduction-result--failed{color:var( --error );font-size:.85rem}@media (max-width: 640px){.send-payment-link-row,.awaiting-payment-link-row{flex-direction:column;align-items:stretch}.awaiting-payment-info-row{flex-direction:column;gap:.3rem}}.dashboard-notifications-panel{background:var( --surface );border:1px solid var( --accent );border-radius:var( --radius );padding:1rem 1.25rem;margin-bottom:1.5rem}.dashboard-notification-row{display:block;width:100%;text-align:left;background:transparent;border:none;border-bottom:1px solid var( --border );color:var( --text );font-size:.9rem;padding:.5rem 0;cursor:pointer}.dashboard-notification-row:last-child{border-bottom:none}.dashboard-notification-row:hover{color:var( --accent )}.activity-feed-row{width:100%;display:flex;justify-content:space-between;gap:1rem;background:transparent;border:none;border-bottom:1px solid var( --border );color:var( --text );font-size:.85rem;text-align:left;padding:.6rem 0;cursor:pointer}.activity-feed-row:last-child{border-bottom:none}.activity-feed-row:hover{color:var( --accent )}.activity-feed-time{color:var( --text-muted );font-size:.8rem;white-space:nowrap;flex-shrink:0}.shipment-panel{background:var( --surface );border:1px solid var( --border );border-radius:var( --radius );padding:1.1rem 1.25rem;margin-bottom:1.25rem;display:flex;flex-direction:column;gap:.9rem}.shipment-panel-create-form label{display:block;font-size:.8rem;color:var( --text-muted );margin-bottom:.4rem}.shipment-panel-pending{background:var( --warning-bg );border:1px solid var( --warning );border-radius:var( --radius );padding:.9rem 1rem}.shipment-panel-pending-heading{font-size:.85rem;font-weight:600;margin:0 0 .5rem}.shipment-panel-pending-error{font-size:.8rem;color:var( --error );margin:0 0 .75rem}.shipment-panel-manual-hint{font-size:.8rem;color:var( --text-muted );margin:.9rem 0 .5rem}.products-page-actions{display:flex;gap:.6rem}.products-import-result{background:var( --surface );border:1px solid var( --success );border-radius:var( --radius );padding:1rem 1.25rem;margin-bottom:1.25rem;font-size:.85rem}.products-import-result-list{margin:.5rem 0 0;padding-left:1.25rem;font-size:.8rem;color:var( --text-muted )}.products-import-result-list--failed{color:var( --error )}.order-detail-shipping-method{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var( --border )}.coupon-form-panel{display:flex;flex-direction:column;gap:.4rem;max-width:360px;background:var( --surface );border:1px solid var( --border );border-radius:var( --radius );padding:1.25rem 1.5rem;margin-bottom:1.5rem}.coupon-form-panel label,.promo-config-form label{font-size:.75rem;color:var( --text-muted );margin-top:.4rem}.coupon-form-panel input,.coupon-form-panel select,.promo-config-form input,.promo-config-form select{background:var( --surface-raised );border:1px solid var( --border );border-radius:var( --radius );color:var( --text );font-size:.9rem;padding:.55rem .7rem;margin-bottom:.4rem}.coupon-form-checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var( --text );margin-top:.6rem}.coupon-form-panel button[type=submit],.promo-config-form button[type=submit]{margin-top:1rem;align-self:flex-start}.coupons-table{display:flex;flex-direction:column}.coupons-table-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1rem;border-bottom:1px solid var( --border )}.coupons-table-row:last-child{border-bottom:none}.coupons-table-main{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.coupons-table-code{font-family:var( --font-mono, monospace );font-weight:700;font-size:.95rem}.coupons-table-discount{color:var( --text-muted );font-size:.85rem}.coupon-status-badge{display:inline-block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:.2rem .55rem;border-radius:var( --radius );border:none;cursor:pointer}.coupons-table-meta{display:flex;gap:1rem;flex-wrap:wrap;font-size:.78rem;color:var( --text-muted )}.coupon-excluded-categories-tag{color:var( --warning, var( --text-muted ) )}.coupon-excluded-categories{display:flex;flex-direction:column;gap:.3rem;border:1px solid var( --border );border-radius:var( --radius );padding:.6rem .75rem;margin:.3rem 0 .6rem}.promo-config-page{max-width:480px}.promo-config-form{display:flex;flex-direction:column;background:var( --surface );border:1px solid var( --border );border-radius:var( --radius );padding:1.25rem 1.5rem}.coupon-form-section-heading{font-size:.85rem;font-weight:600;color:var( --text );margin:1.25rem 0 .4rem;padding-top:.75rem;border-top:1px solid var( --border )}.coupon-feature-tag{display:inline-block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:.2rem .55rem;border-radius:var( --radius );background:var( --surface-raised );color:var( --text-muted );white-space:nowrap}.coupon-feature-tag--affiliate{background:var( --success-bg );color:var( --success )}.affiliate-report-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin:1rem 0 1.5rem}.affiliate-report-stat{background:var( --surface );border:1px solid var( --border );border-radius:var( --radius );padding:.85rem 1rem;display:flex;flex-direction:column;gap:.3rem}.affiliate-report-stat--highlight{border-color:var( --accent )}.affiliate-report-stat-label{font-size:.72rem;color:var( --text-muted );text-transform:uppercase;letter-spacing:.03em}.affiliate-report-stat-value{font-size:1.25rem;font-weight:700;color:var( --text )}html{-webkit-text-size-adjust:100%}a{color:var( --accent-strong )}h1,h2,h3{color:var( --navy );letter-spacing:-.01em}input:not([type=checkbox]):not([type=radio]),select,textarea{font:inherit;font-size:16px;color:var( --text );background:var( --surface );border:1px solid var( --border-strong );border-radius:var( --radius-sm );padding:.65rem .8rem;min-height:44px;max-width:100%}textarea{min-height:96px}input[type=checkbox],input[type=radio]{width:20px;height:20px;accent-color:var( --accent );flex-shrink:0}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var( --accent );outline-offset:2px}label{font-size:.85rem;font-weight:600;color:var( --text )}.action-button,.login-button,.quick-adjust-button,.order-detail-save-notes,.orders-status-tab{font:inherit;font-size:.9rem;font-weight:600;min-height:44px;padding:.55rem 1rem;border-radius:var( --radius-sm );border:1px solid var( --border-strong );background:var( --surface );color:var( --navy );cursor:pointer;transition:background .12s,border-color .12s,box-shadow .12s}.action-button:hover:not(:disabled),.quick-adjust-button:hover:not(:disabled),.order-detail-save-notes:hover:not(:disabled){background:var( --surface-raised );border-color:var( --accent )}.action-button--primary,.login-button{background:var( --accent );border-color:var( --accent );color:#fff;box-shadow:var( --shadow-sm )}.action-button--primary:hover:not(:disabled),.login-button:hover:not(:disabled){background:var( --accent-strong );border-color:var( --accent-strong )}.action-button--danger{color:var( --error );border-color:#f1b8c2;background:var( --surface )}.action-button--danger:hover:not(:disabled){background:var( --error-bg );border-color:var( --error )}button:disabled{opacity:.55;cursor:not-allowed}.dashboard-notifications-panel,.dashboard-overdue-panel,.dashboard-low-stock-panel,.dashboard-recent-activity,.order-detail-section,.coupon-form-panel,.awaiting-payment-panel,.shipment-panel,.settings-section,.initialise-product-form,.stock-deduction-warning,.orders-table,.coupons-table,.stock-table,.products-table,.affiliate-report-stat{background:var( --surface );border:1px solid var( --border );border-radius:var( --radius );box-shadow:var( --shadow-sm )}.dashboard-overdue-panel,.awaiting-payment-panel--overdue{border-color:#f1c98a;background:#fffaf0}.dashboard-panel-heading,.order-detail-section-heading,.coupon-form-section-heading{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var( --text-muted )}.page-heading{font-size:1.45rem;font-weight:700;margin:0 0 1.1rem}.page-error{border-radius:var( --radius-sm )}.order-status-badge,.stock-status-badge,.coupon-status-badge,.coupon-feature-tag{border-radius:999px;font-size:.72rem;padding:.25rem .65rem}.coupon-status-badge{border:none;font-weight:700;min-height:32px}.coupon-status-badge--active{background:var( --success-bg );color:var( --success )}.coupon-status-badge--inactive{background:var( --surface-raised );color:var( --text-muted )}.coupon-feature-tag--affiliate{background:var( --accent-soft );color:var( --accent-strong )}.app-shell{min-height:100vh;background:var( --bg )}.app-topbar{position:sticky;top:0;z-index:30;height:var( --topbar-height );display:flex;align-items:center;gap:.6rem;padding:0 .9rem;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var( --border )}.app-icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border-radius:var( --radius-sm );border:none;background:transparent;color:var( --navy );cursor:pointer}.app-icon-button:hover{background:var( --surface-raised )}.app-topbar-title{flex:1;min-width:0;font-size:1.05rem;font-weight:700;color:var( --navy );white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-topbar-brand{display:none}.app-user-chip{display:inline-flex;align-items:center;gap:.55rem;padding:.2rem .3rem .2rem .2rem;border-radius:999px}.app-avatar{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var( --navy );color:#fff;font-size:.8rem;font-weight:700;letter-spacing:.03em;flex-shrink:0}.app-user-name{display:none;font-size:.85rem;font-weight:600;color:var( --navy )}.vnx-logo{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none;color:var( --navy )}.vnx-logo-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var( --navy ) 0%,var( --accent ) 120%);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:.95rem;letter-spacing:-.02em;flex-shrink:0}.vnx-logo-text{display:flex;flex-direction:column;line-height:1.05}.vnx-logo-name{font-size:1.05rem;font-weight:800;letter-spacing:.02em}.vnx-logo-sub{font-size:.66rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var( --accent )}.app-sidebar{position:fixed;top:0;bottom:0;left:0;z-index:50;width:min(86vw,320px);background:var( --surface );border-right:1px solid var( --border );box-shadow:var( --shadow-md );display:flex;flex-direction:column;transform:translate(-102%);transition:transform .25s ease,width .2s ease;padding-bottom:env(safe-area-inset-bottom)}.app-shell.is-drawer-open .app-sidebar{transform:translate(0)}.app-sidebar-header{display:flex;align-items:center;justify-content:space-between;height:var( --topbar-height );padding:0 .9rem 0 1.1rem;border-bottom:1px solid var( --border );flex-shrink:0}.app-sidebar-nav{flex:1;overflow-y:auto;padding:.75rem .7rem;display:flex;flex-direction:column;gap:.15rem}.app-nav-section{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var( --text-muted );padding:.9rem .8rem .3rem}.app-sidebar-link{display:flex;align-items:center;gap:.75rem;min-height:46px;padding:.5rem .8rem;border-radius:var( --radius-sm );color:var( --text );font-size:.95rem;font-weight:600;text-decoration:none}.app-sidebar-link:hover{background:var( --surface-raised )}.app-sidebar-link.is-active{background:var( --accent-soft );color:var( --accent-strong )}.app-sidebar-link svg{flex-shrink:0}.app-sidebar-group{display:flex;flex-direction:column}.app-sidebar-subnav{display:flex;flex-direction:column;gap:.1rem;margin:.15rem 0 .35rem 1.45rem;padding-left:.8rem;border-left:2px solid var( --border )}.app-sidebar-sublink{display:block;padding:.55rem .7rem;min-height:40px;border-radius:var( --radius-sm );color:var( --text-muted );font-size:.88rem;font-weight:500;text-decoration:none}.app-sidebar-sublink:hover{background:var( --surface-raised );color:var( --text )}.app-sidebar-sublink.is-active{color:var( --accent-strong );font-weight:700;background:var( --accent-soft )}.app-sidebar-footer{flex-shrink:0;padding:.8rem .9rem;border-top:1px solid var( --border );display:flex;align-items:center;gap:.6rem}.app-sidebar-username{flex:1;min-width:0;font-size:.88rem;font-weight:600;color:var( --navy );overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-sidebar-sign-out{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;padding:0 .85rem;border-radius:var( --radius-sm );border:1px solid var( --border-strong );background:var( --surface );color:var( --navy );font:inherit;font-size:.85rem;font-weight:600;cursor:pointer}.app-sidebar-sign-out:hover{border-color:var( --error );color:var( --error )}.app-drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;background:#0b1d3a73;opacity:0;pointer-events:none;transition:opacity .2s ease}.app-shell.is-drawer-open .app-drawer-scrim{opacity:1;pointer-events:auto}.app-body{min-width:0}.app-main{padding:1.1rem .95rem calc(var( --bottom-nav-height ) + 1.5rem + env(safe-area-inset-bottom));max-width:1180px;margin:0 auto}.app-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:35;height:calc(var( --bottom-nav-height ) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#fffffff5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var( --border );display:grid;grid-template-columns:repeat(5,1fr)}.app-bottom-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;border:none;background:transparent;color:var( --text-muted );font:inherit;font-size:.7rem;font-weight:600;text-decoration:none;cursor:pointer;min-width:0}.app-bottom-link.is-active{color:var( --accent-strong )}.app-bottom-link.is-active svg{background:var( --accent-soft );border-radius:999px;padding:4px 16px;box-sizing:content-box}@media (min-width: 1024px){.app-sidebar{transform:none;width:var( --sidebar-width );box-shadow:none}.app-body{margin-left:var( --sidebar-width );transition:margin-left .2s ease}.app-shell.is-collapsed .app-sidebar{width:var( --sidebar-width-collapsed )}.app-shell.is-collapsed .app-body{margin-left:var( --sidebar-width-collapsed )}.app-shell.is-collapsed .app-sidebar-label,.app-shell.is-collapsed .app-nav-section,.app-shell.is-collapsed .app-sidebar-subnav,.app-shell.is-collapsed .vnx-logo-text,.app-shell.is-collapsed .app-sidebar-username{display:none}.app-shell.is-collapsed .app-sidebar-link{justify-content:center;padding:.5rem}.app-shell.is-collapsed .app-sidebar-footer{flex-direction:column}.app-drawer-scrim,.app-bottom-nav,.app-drawer-close,.app-menu-button{display:none}.app-main{padding:1.75rem 2rem 3rem}.app-topbar{padding:0 1.5rem}.app-user-name{display:inline}}@media (max-width: 1023px){.app-collapse-toggle{display:none}.app-topbar-brand{display:inline-flex}.app-topbar-title{display:none}.app-topbar-brand{flex:1}}.login-page{background:linear-gradient(160deg,#eaf0fa 0%,var( --bg ) 55%,#e2f3f1 100%)}.login-form{max-width:380px;padding:1.75rem 1.5rem;border:1px solid var( --border );border-radius:16px;box-shadow:var( --shadow-md )}.login-heading{font-size:1.2rem;margin-bottom:1.25rem}.login-button{width:100%}.dashboard-home{display:flex;flex-direction:column;gap:1.25rem}.dashboard-hero h1{margin:0;font-size:1.5rem}.dashboard-hero p{margin:.2rem 0 0;color:var( --text-muted );font-size:.9rem}.dashboard-section-title{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var( --text-muted );margin:0 0 .6rem}.dashboard-cards,.dashboard-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:0}.dashboard-card,.dashboard-stat{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;text-align:left;padding:.95rem;min-height:108px;background:var( --surface );border:1px solid var( --border );border-radius:var( --radius );box-shadow:var( --shadow-sm );color:var( --text );font:inherit;cursor:pointer;transition:box-shadow .15s,transform .15s}.dashboard-stat{cursor:default}button.dashboard-stat,a.dashboard-stat{cursor:pointer;text-decoration:none}.dashboard-card:hover,button.dashboard-stat:hover,a.dashboard-stat:hover{box-shadow:var( --shadow-md );transform:translateY(-1px)}.dashboard-card-icon,.dashboard-stat-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px;background:var( --blue-soft );color:var( --blue );margin-bottom:.45rem}.dashboard-tone--teal{background:var( --accent-soft );color:var( --accent-strong )}.dashboard-tone--amber{background:var( --warning-bg );color:var( --warning )}.dashboard-tone--violet{background:var( --violet-soft );color:var( --violet )}.dashboard-tone--green{background:var( --success-bg );color:var( --success )}.dashboard-tone--red{background:var( --error-bg );color:var( --error )}.dashboard-card-count,.dashboard-stat-value{font-size:1.65rem;font-weight:800;line-height:1.1;color:var( --navy )}.dashboard-card-label,.dashboard-stat-label{font-size:.82rem;font-weight:600;color:var( --text-muted )}.dashboard-stat-note{font-size:.75rem;color:var( --text-muted )}.dashboard-notifications-panel,.dashboard-overdue-panel,.dashboard-low-stock-panel,.dashboard-recent-activity{padding:1rem;margin:0}.dashboard-notification-row,.dashboard-overdue-row,.dashboard-low-stock-row,.activity-feed-row{min-height:48px;border-radius:var( --radius-sm )}.dashboard-notification-row{background:var( --surface-raised );color:var( --navy );font-weight:600}.dashboard-overdue-row{grid-template-columns:1fr auto}.dashboard-low-stock-row,.dashboard-overdue-row{gap:.4rem .75rem}@media (min-width: 700px){.dashboard-cards,.dashboard-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1100px){.dashboard-cards{grid-template-columns:repeat(5,minmax(0,1fr))}.dashboard-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.orders-status-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.orders-status-tab{border-radius:999px;font-size:.85rem;min-height:40px;padding:.4rem .95rem;color:var( --text-muted )}.orders-status-tab.is-active{background:var( --navy );border-color:var( --navy );color:#fff}.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;margin-left:.4rem;padding:0 .4rem;border-radius:999px;background:var( --warning-bg );color:var( --warning );font-size:.72rem;font-weight:800}.orders-status-tab.is-active .tab-count{background:#fff3;color:#fff}.orders-controls{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1rem}.orders-search-input,.orders-sort-select{width:100%}@media (min-width: 700px){.orders-controls{flex-direction:row}.orders-search-input{flex:1}.orders-sort-select{width:auto}}.page-header-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.9rem}.page-header-row .page-heading{margin-bottom:0}.orders-table,.coupons-table,.stock-table,.products-table{overflow:hidden}.orders-table-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"ref status" "cust total" "ship date";gap:.25rem .75rem;padding:.9rem 1rem;min-height:76px;font-size:.92rem}.orders-table-reference{grid-area:ref;font-weight:700;color:var( --navy )}.orders-table-customer{grid-area:cust;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.orders-table-shipping-method{grid-area:ship}.orders-table-row .order-status-badge{grid-area:status;justify-self:end}.orders-table-total{grid-area:total;justify-self:end;font-weight:700}.orders-table-date,.orders-table-elapsed{grid-area:date;justify-self:end}.orders-table-row--overdue{border-left-width:4px}@media (min-width: 900px){.orders-table-row{grid-template-columns:1.2fr 1.8fr 1.6fr 1.3fr 1fr 1.2fr;grid-template-areas:"ref cust ship status total date";min-height:0;align-items:center}.orders-table-row .order-status-badge,.orders-table-total,.orders-table-date,.orders-table-elapsed{justify-self:start}}.coupons-table-row{display:flex;flex-direction:column;align-items:stretch;gap:.55rem;padding:.9rem 1rem}.coupons-table-main,.coupons-table-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .7rem;min-width:0}.coupons-table-meta{color:var( --text-muted );font-size:.85rem}.coupons-table-meta>span{min-width:0;overflow-wrap:anywhere}@media (min-width: 900px){.coupons-table-row{flex-direction:row;align-items:center;justify-content:space-between}.coupons-table-meta{justify-content:flex-end}}.products-table-row,.stock-table-row{padding:.85rem 1rem;min-height:56px}@media (max-width: 640px){.products-table-row,.stock-table-row,.dashboard-low-stock-row{grid-template-columns:minmax(0,1fr) auto}}.order-detail-header{flex-wrap:wrap;gap:.5rem 1rem}.order-detail-actions{display:flex;flex-wrap:wrap;gap:.6rem}.order-detail-section{padding:1rem 1.1rem}@media (max-width: 640px){.order-detail-actions .action-button,.order-detail-actions button{flex:1 1 calc(50% - .6rem)}.order-detail-address-form,.order-detail-tracking-form{grid-template-columns:1fr}.order-detail-timeline-row{flex-direction:column;gap:.1rem}}.member-rewards-page .coupon-form-panel{max-width:none!important;padding:1rem 1.1rem;margin-bottom:1rem}.member-rewards-page .coupon-form-panel input:not([type=checkbox]),.member-rewards-page .coupon-form-panel select,.member-rewards-page .coupon-form-panel textarea{width:100%}.member-back-button{display:inline-flex;align-items:center;gap:.4rem;margin-bottom:.9rem}.account-header{display:flex;align-items:center;gap:.85rem;margin-bottom:1rem}.account-header .app-avatar{width:48px;height:48px;background:linear-gradient(135deg,var( --navy ),var( --accent ))}.account-header h2{margin:0;font-size:1.25rem}.account-header p{margin:.1rem 0 0;font-size:.85rem;color:var( --text-muted )}.account-balance-hero{display:grid;grid-template-columns:1fr;gap:.75rem;margin-bottom:.75rem}.account-balance-card{background:linear-gradient(135deg,var( --navy ) 0%,#16427a 100%);color:#fff;border-radius:var( --radius );padding:1.1rem 1.2rem;box-shadow:var( --shadow-md )}.account-balance-card .label{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.8}.account-balance-card .value{display:block;font-size:2.1rem;font-weight:800;line-height:1.15;margin-top:.15rem}.account-balance-card.is-owing{background:linear-gradient(135deg,#6b1327,#b3203c)}.account-owing-note{background:var( --error-bg );border:1px solid #f1b8c2;color:#7d1428;border-radius:var( --radius );padding:.85rem 1rem;font-size:.88rem;margin:0 0 .9rem}.account-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin:0 0 1.1rem}.account-stats .affiliate-report-stat{padding:.75rem .85rem}.affiliate-report-stat-label{font-size:.72rem}.affiliate-report-stat-value{font-size:1.15rem;color:var( --navy )}.history-list{display:flex;flex-direction:column;gap:.55rem}.history-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.15rem .75rem;align-items:start;padding:.8rem .9rem;background:var( --surface );border:1px solid var( --border );border-radius:var( --radius );box-shadow:var( --shadow-sm )}.history-icon{grid-row:1 / span 2;width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:800;background:var( --surface-raised );color:var( --text-muted )}.history-icon.is-credit{background:var( --success-bg );color:var( --success )}.history-icon.is-deduction{background:var( --error-bg );color:var( --error )}.history-icon.is-held{background:var( --warning-bg );color:var( --warning )}.history-title{font-weight:700;color:var( --navy );font-size:.95rem}.history-amount{font-weight:800;font-size:1rem;text-align:right;white-space:nowrap}.history-meta{grid-column:2 / span 2;display:flex;flex-wrap:wrap;gap:.2rem .6rem;font-size:.8rem;color:var( --text-muted )}.history-meta .history-balance{font-weight:600;color:var( --text )}.history-meta .history-owes{font-weight:700;color:var( --error )}.history-reason{grid-column:2 / span 2;font-size:.82rem;color:var( --text-muted );overflow-wrap:anywhere}@media (min-width: 700px){.account-balance-hero{grid-template-columns:1fr 1fr}.account-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}.member-action-panels{display:grid;grid-template-columns:1fr;gap:1rem;align-items:start}@media (min-width: 1000px){.member-action-panels{grid-template-columns:1fr 1fr}}.quick-adjust-buttons{flex-wrap:wrap;gap:.4rem}.quick-adjust-button{min-width:48px;padding:.4rem .75rem}@media (prefers-reduced-motion: reduce){*{transition:none!important;scroll-behavior:auto!important}}.member-account-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.1rem 0}.member-account-actions .action-button{flex:1 1 auto}@media (min-width: 700px){.member-account-actions .action-button{flex:0 0 auto}}.order-item{padding:.6rem 0;border-bottom:1px solid var( --border )}.order-item:last-of-type{border-bottom:none}.order-item-main{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem}.order-item-name{font-size:.92rem;font-weight:600;color:var( --text );min-width:0;overflow-wrap:anywhere}.order-item-total{font-size:.9rem;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.order-item-qty{margin-top:.15rem;font-size:.78rem;color:var( --text-muted );font-variant-numeric:tabular-nums}.order-item-variation{display:flex;flex-wrap:wrap;gap:.35rem;margin:.45rem 0 0;padding:0}.order-item-pair{display:inline-flex;align-items:baseline;gap:.35rem;margin:0;padding:.15rem .55rem;background:var( --surface-raised );border:1px solid var( --border );border-radius:var( --radius-sm );font-size:.78rem;max-width:100%}.order-item-pair dt{margin:0;font-size:.66rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var( --text-muted )}.order-item-pair dd{margin:0;font-weight:600;color:var( --text );overflow-wrap:anywhere}.order-item-pair--sku{background:var( --accent-soft );border-color:transparent}.order-item-pair--sku dt{color:var( --accent-strong )}.order-item-pair--sku dd{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var( --accent-strong )}.order-bundle-badge{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:999px;font-size:.72rem;font-weight:600;line-height:1.5;letter-spacing:.02em;vertical-align:middle;background:#e8eefc;color:#1f3a8a;white-space:nowrap}.order-item-bundle{margin-top:2px;font-size:.9rem;font-weight:600;color:#1f3a8a}