:root{--bg: #14161a;--surface: #1c1f24;--surface-raised: #24282f;--border: #33383f;--text: #e8e9eb;--text-muted: #9298a3;--accent: #4d8dff;--error: #ff6b6b;--error-bg: rgba( 255, 107, 107, .1 );--warning: #e8a23d;--warning-bg: rgba( 232, 162, 61, .1 );--success: #4caf7d;--success-bg: rgba( 76, 175, 125, .1 );--radius: 4px}*{box-sizing:border-box}body{margin:0;background:var( --bg );color:var( --text );font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.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 )}.app-shell{display:flex;min-height:100vh}.app-sidebar{width:200px;flex-shrink:0;background:var( --surface );border-right:1px solid var( --border );display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem 0}.app-sidebar-nav{display:flex;flex-direction:column;gap:.15rem}.app-sidebar-link{color:var( --text-muted );text-decoration:none;font-size:.9rem;padding:.6rem 1.5rem;border-left:2px solid transparent}.app-sidebar-link:hover{color:var( --text )}.app-sidebar-link.is-active{color:var( --text );background:var( --surface-raised );border-left-color:var( --accent )}.app-sidebar-footer{padding:0 1.5rem;display:flex;flex-direction:column;gap:.5rem}.app-sidebar-username{font-size:.8rem;color:var( --text-muted )}.app-sidebar-sign-out{background:transparent;border:1px solid var( --border );border-radius:var( --radius );color:var( --text );font-size:.8rem;padding:.4rem .8rem;cursor:pointer;width:fit-content}.app-sidebar-sign-out:hover{border-color:var( --accent )}.app-main{flex:1;padding:2rem 2.5rem;max-width:1100px}.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:#4d8dff1f;color:var( --accent )}.order-status-badge--awaiting_payment{background:var( --warning-bg );color:var( --warning )}.order-status-badge--processing{background:#4d8dff1f;color:var( --accent )}.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}.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 2fr 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{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 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-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}}@media (max-width: 640px){.app-shell{flex-direction:column}.app-sidebar{width:100%;flex-direction:row;justify-content:space-between;align-items:center;padding:1rem 1.5rem}.app-sidebar-nav{flex-direction:row;gap:1rem}.app-sidebar-link{padding:.3rem 0;border-left:none;border-bottom:2px solid transparent}.app-sidebar-link.is-active{background:transparent;border-left:none;border-bottom-color:var( --accent )}.app-sidebar-footer{flex-direction:row;align-items:center;padding:0}.app-main{padding:1.5rem}}.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}.page-header-row .page-heading{margin-bottom:0}.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 )}