@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800;900&display=swap";:root{--brand: #1e278f;--accent: #fa8c25;--ink: #111827;--muted: #6b7280;--line: #e5e7eb;--surface: #ffffff;--page: #f5f7fb;--success: #0f9f6e;font-family:Montserrat,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--page)}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--brand);color:#fff;display:flex;flex-direction:column;gap:24px;padding:22px}.brand-lockup{display:flex;align-items:center;gap:12px}.brand-logo{width:42px;height:42px;border-radius:8px;display:block;object-fit:cover;background:#0b4fb5;box-shadow:0 14px 30px #00000029}.brand-lockup strong,.brand-lockup span{display:block}.brand-lockup strong{font-size:19px}.brand-lockup span{color:#ffffffb3;font-size:12px}.nav-list{display:grid;gap:8px}.nav-button,.ghost-button{border:0;color:inherit;background:transparent;display:flex;align-items:center;gap:11px;padding:12px 13px;border-radius:8px;font-weight:700}.nav-button svg,.ghost-button svg{width:18px;height:18px}.nav-button.active,.nav-button:hover{background:#ffffff21}.sidebar-exit{margin-top:auto;color:#ffffffbf}.workspace{min-width:0;padding:22px}.topbar{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:20px}.eyebrow{margin:0 0 4px;color:var(--accent);font-size:12px;font-weight:800;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:26px}.topbar-actions,.detail-actions,.table-actions{display:flex;align-items:center;gap:10px}.admin-chip{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line);background:#fff;border-radius:8px;font-size:13px;font-weight:800}.primary-button,.secondary-button,.link-button,.status-button,.icon-button{border-radius:8px;border:0;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800}.primary-button{background:var(--accent);color:#fff;padding:0 16px;box-shadow:0 10px 20px #fa8c253d}.primary-button:disabled{opacity:.5}.secondary-button{background:#fff;color:var(--brand);border:1px solid #d8dcf0;padding:0 14px}.secondary-button:disabled{cursor:not-allowed;color:#9ca3af;background:#f3f4f6;border-color:#e5e7eb;box-shadow:none}.danger-text{color:#dc2626}.danger-button{min-height:40px;border:0;border-radius:8px;padding:0 16px;background:#dc2626;color:#fff;font-weight:900}.link-button{background:transparent;color:var(--brand)}.orders-layout{display:block;width:100%}.detail-panel,.side-form,.report-panel,.customer-table,.customer-filters,.report-controls,.metric-card,.login-panel,.receipt-preview{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 16px 40px #0f172a0f}.order-board-area{min-width:0}.orders-main-grid{display:block;width:100%}.toolbar{display:flex;gap:12px;margin-bottom:14px}.search-box{flex:1;min-width:220px;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:0 12px}.search-box input{width:100%;height:46px;border:0;outline:0}.order-board{width:100%;max-width:100%;display:grid;grid-template-columns:repeat(5,minmax(160px,1fr));gap:16px;overflow-x:auto;padding-bottom:8px}.status-column{min-height:calc(100vh - 282px);background:#eef2ff;border:1px solid #dce2fb;border-radius:8px;padding:12px}.status-column--unpaid{background:linear-gradient(180deg,#fee2e2c7,#fff1f280 44%,#eef2ff);border-color:#fecaca}.status-column header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-weight:900}.status-column header strong{color:var(--accent);font-size:28px;line-height:1;min-width:34px;text-align:right}.order-card-list{display:grid;gap:10px}.order-card{text-align:left;border:1px solid #e2e8f0;background:#fff;border-radius:8px;padding:13px;display:grid;grid-template-columns:minmax(0,1fr);gap:7px 12px;box-shadow:0 10px 18px #1e278f0f;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,opacity .18s ease}.order-card.is-selected{outline:2px solid var(--accent)}.order-card:hover{border-color:#fa8c25b8;box-shadow:0 16px 28px #1e278f1a;transform:translateY(-1px)}.order-card.is-dragging{opacity:.55}.order-card-ref,.detail-header span,.product-card span,.metric-card span{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.order-card-ref{grid-column:1 / -1;letter-spacing:0;order:1}.order-card-customer{grid-column:1 / -1;min-width:0;font-size:16px;line-height:1.25;order:2}.order-card-total{grid-column:1 / -1;color:var(--success);font-size:15px;text-align:left;white-space:nowrap;order:4}.order-card small,.order-card-items{color:var(--muted);line-height:1.35}.order-card-items{grid-column:1 / -1;display:grid;gap:3px;margin:0;padding:0;list-style:none;font-size:12px;order:3}.order-card-items li{display:grid;gap:2px}.order-card-items small{color:#7a8495;font-size:11px}.order-card b,.product-card strong{color:var(--success)}.today-summary-card{display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:86px;padding:16px;margin-bottom:16px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 16px 40px #0f172a0f}.today-sales-amount{display:grid;gap:3px}.today-summary-card span,.today-sales-amount small{color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase}.today-sales-amount strong{color:var(--brand);font-size:32px;line-height:1.05}.today-summary-card>div:last-child{display:flex;gap:10px;align-items:center;color:var(--accent);margin-left:auto;padding-left:18px;border-left:1px solid var(--line)}.today-summary-card p{margin:0;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;display:grid;gap:3px}.today-summary-card b{display:block;color:var(--ink);font-size:24px;line-height:1;order:2}.detail-panel{align-self:start;padding:18px;position:sticky;top:20px}.detail-header h2{margin:4px 0;color:var(--brand)}.detail-header p{color:var(--muted)}.detail-section{margin-top:20px}.detail-section--status{padding:16px 0 24px;border-bottom:1px solid var(--line)}.detail-section--purchase{padding:4px 0 22px;border-bottom:1px solid var(--line)}.detail-section--customer{padding-top:2px}.status-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}.status-button{background:#f3f4f6;color:var(--ink)}.status-button.active{background:var(--brand);color:#fff}.receipt-list{display:grid;gap:12px;border-top:1px solid var(--line);padding:16px 0 4px;margin:0;list-style:none;counter-reset:purchase-item}.receipt-row,.total-row,.mini-row{display:flex;justify-content:space-between;gap:12px}.mini-row>span{min-width:0;display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:6px}.receipt-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto minmax(88px,auto);align-items:center;gap:12px;counter-increment:purchase-item;font-size:16px}.receipt-row:before{content:counter(purchase-item) ".";color:var(--brand);font-weight:900}.receipt-row span,.receipt-row small,.receipt-row strong{min-width:0}.receipt-row small{text-align:right;font-weight:900;font-size:13px}.receipt-row span{display:grid;gap:3px}.receipt-row span small{color:var(--muted);font-size:11px;font-weight:700;line-height:1.35;text-align:left}.variant-bullet-list{display:grid;gap:3px;margin:2px 0 0;padding-left:16px;color:var(--ink);font-size:12px;font-weight:800;line-height:1.35;list-style:disc}.receipt-row small,.muted{color:var(--muted)}.total-row{padding:18px 0 0;font-size:18px}.total-row strong{font-size:20px}.customer-details-list{display:grid;gap:8px;margin:0 0 10px;padding-left:20px;color:var(--muted)}.customer-detail-row{position:relative;display:grid;grid-template-columns:86px minmax(0,1fr);gap:8px;align-items:center;color:#7a8495;padding:1px 0;background:transparent;font-size:15px}.customer-detail-row:before{content:"";position:absolute;left:-16px;top:10px;width:5px;height:5px;border-radius:999px;background:#cbd5e1}.customer-detail-row strong{color:#475569;min-width:0;font-weight:800;overflow-wrap:anywhere}.detail-actions{display:flex;align-items:center;gap:10px;margin-top:22px}.detail-actions .secondary-button{width:auto;min-width:210px;min-height:48px;justify-content:center;padding:0 18px;white-space:nowrap}.detail-actions .secondary-button svg{flex:0 0 auto}.section-heading{margin:0 0 8px;color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase}.empty-state{color:var(--muted);text-align:center;padding:48px 0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:grid;place-items:center;padding:24px;z-index:20}.modal-panel{width:min(820px,100%);max-height:calc(100vh - 48px);overflow:auto;background:#fff;border-radius:8px;padding:20px;box-shadow:0 24px 90px #00000038}.modal-panel header{display:flex;justify-content:space-between;align-items:center;gap:16px}.modal-header{margin-bottom:16px}.order-detail-modal{width:min(640px,100%)}.status-field{margin-bottom:0}select{width:100%;border:1px solid var(--line);border-radius:8px;padding:12px;color:var(--ink);background:#fff;outline-color:var(--accent);font:inherit;font-weight:800}.icon-button{width:40px;height:40px;color:var(--brand);border:1px solid #d8dcf0;background:#fff}.icon-button.danger{color:#dc2626}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}label{display:grid;gap:7px;font-size:12px;color:var(--muted);font-weight:800;text-transform:uppercase}.required-mark{display:inline-block;margin-left:3px;color:var(--accent);font-weight:900;line-height:1}input,textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:11px 12px;color:var(--ink);outline-color:var(--accent);text-transform:none}.phone-field{display:grid;gap:7px}.phone-input{display:flex;align-items:stretch;border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden}.phone-input:focus-within{outline:2px solid var(--accent);outline-offset:0}.phone-input span{display:inline-flex;align-items:center;padding:0 12px;color:var(--brand);background:#eef2ff;border-right:1px solid var(--line);font-weight:900}.phone-input input{border:0;border-radius:0;outline:0}textarea{min-height:94px;resize:vertical}.product-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.product-picker button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px;text-align:left;display:grid;gap:7px}.product-picker img{width:100%;height:88px;object-fit:cover;border-radius:6px}.variant-picker{display:grid;gap:14px;margin:0 0 16px;padding:16px;border:1px solid #d8dcf0;border-radius:8px;background:#f8fafc}.variant-picker header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.variant-picker h3,.variant-picker p{margin:0}.variant-picker p{margin-top:4px;color:var(--muted);font-size:12px;font-weight:800}.variant-group{display:grid;gap:8px;min-width:0;margin:0;padding:0;border:0}.variant-group legend{color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase}.variant-options{display:flex;flex-wrap:wrap;gap:8px}.variant-option{min-height:36px;border:1px solid #d8dcf0;border-radius:999px;padding:0 13px;color:var(--brand);background:#fff;font-size:12px;font-weight:900}.variant-option.active{color:#fff;border-color:var(--brand);background:var(--brand);box-shadow:0 10px 20px #1e278f29}.modal-filter-pills{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 -2px}.modal-total{display:flex;justify-content:space-between;margin-bottom:14px;font-size:18px}.management-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px}.customers-layout{grid-template-columns:1fr;gap:16px;align-content:start}.customer-filters{padding:14px;display:grid;grid-template-columns:minmax(320px,1.4fr) minmax(160px,.7fr) repeat(2,minmax(220px,1fr));gap:12px;align-items:start}.customer-filters .search-box{box-sizing:border-box;min-width:0;align-self:end;height:39px}.customer-filters .search-box input{height:39px}.range-filter{min-width:0;margin:0;padding:0;border:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.range-filter legend{grid-column:1 / -1;min-height:15px;margin-bottom:7px;color:var(--muted);font-size:12px;font-weight:800;line-height:15px;text-transform:uppercase}.range-filter label{gap:5px}.customer-filters>label{gap:7px}.customer-filters>label>select{height:39px}.inline-field{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;height:39px;padding:0 11px;border:1px solid var(--line);border-radius:8px;background:#fff}.inline-field span{color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase}.inline-field input{min-width:0;height:100%;padding:0;border:0;border-radius:0;outline:0;background:transparent}.product-management{display:grid;gap:18px}.product-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px}.filter-pills{display:flex;flex-wrap:wrap;gap:8px}.filter-pill{min-height:38px;border:1px solid #d8dcf0;border-radius:999px;padding:0 16px;color:var(--brand);background:#fff;font-weight:900}.filter-pill.active{color:#fff;border-color:var(--brand);background:var(--brand)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}.product-card{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:0 16px 36px #0f172a0d;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.product-card:hover,.product-card:focus-visible{border-color:#fa8c25b8;box-shadow:0 18px 38px #1e278f1a;transform:translateY(-1px);outline:0}.product-card img{width:100%;height:160px;object-fit:cover;background:radial-gradient(circle at 30% 30%,rgba(250,140,37,.24),transparent 34%),linear-gradient(135deg,#eef2ff,#fff7ed)}.product-card>div,.product-card footer{padding:12px}.product-card>div{display:grid;gap:6px}.product-card h3{margin:0;line-height:1.18}.product-card p{color:var(--muted);font-size:13px;line-height:1.35;min-height:0;margin:0}.product-card strong{display:block;margin-top:3px}.product-variant-summary{display:flex;flex-wrap:wrap;gap:5px;padding:0}.product-variant-summary span{width:max-content;border-radius:999px;padding:4px 8px;color:var(--brand);background:#eef2ff;font-size:10px;font-weight:900}.product-card footer{display:flex;gap:8px;border-top:1px solid var(--line)}.product-editor-modal{width:min(760px,100%);display:grid;gap:13px}.product-detail-modal{width:min(720px,100%);display:grid;gap:14px}.product-detail-modal header h2{margin:2px 0 0;color:var(--brand)}.product-detail-category{color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase}.product-detail-gallery{position:relative;overflow:hidden;border-radius:8px;border:1px solid var(--line);background:#eef2ff}.product-detail-gallery img{display:block;width:100%;height:min(340px,42vh);object-fit:cover}.gallery-nav{position:absolute;top:50%;width:40px;height:40px;border:0;border-radius:999px;color:var(--brand);background:#ffffffeb;display:inline-flex;align-items:center;justify-content:center;transform:translateY(-50%);box-shadow:0 10px 24px #0f172a24}.gallery-nav.previous{left:12px}.gallery-nav.next{right:12px}.product-detail-thumbs{display:flex;gap:8px;overflow-x:auto}.product-detail-thumbs button{flex:0 0 78px;height:58px;overflow:hidden;padding:0;border:2px solid transparent;border-radius:8px;background:#eef2ff}.product-detail-thumbs button.active{border-color:var(--accent)}.product-detail-thumbs img{width:100%;height:100%;object-fit:cover}.product-detail-modal>p{margin:0;color:var(--muted);line-height:1.5}.product-detail-modal>strong{color:var(--success);font-size:22px}.product-detail-variants{display:grid;gap:10px;padding-top:4px}.product-detail-variants h3,.product-detail-variants h4{margin:0}.product-detail-variants h3{color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase}.product-detail-variants article{display:grid;gap:7px}.product-detail-variants h4{font-size:13px}.product-detail-variants ul{display:grid;gap:4px;margin:0;padding-left:18px;color:var(--brand);font-size:12px;font-weight:900;line-height:1.4}.variant-editor,.product-details-editor{display:grid;gap:12px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#f8fafc}.product-details-editor h3{margin:0}.image-gallery-editor{display:grid;gap:12px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fff}.gallery-editor-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.gallery-editor-heading h3{margin:0}.file-upload-button{width:max-content;text-transform:none}.file-upload-button input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.gallery-preview{overflow:hidden;border:1px solid var(--line);border-radius:8px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 30% 30%,rgba(250,140,37,.24),transparent 34%),linear-gradient(135deg,#eef2ff,#fff7ed)}.gallery-preview.is-positioning{cursor:grabbing}.gallery-preview img,.gallery-empty{width:100%;height:156px}.gallery-preview img{display:block;object-fit:cover}.gallery-empty{display:grid;place-items:center;color:var(--muted);font-size:12px;font-weight:800}.gallery-thumbs{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.gallery-thumb{position:relative;flex:0 0 82px;height:62px;overflow:hidden;padding:0;border:2px solid transparent;border-radius:8px;background:#eef2ff;cursor:grab}.gallery-thumb.active{border-color:var(--accent)}.gallery-thumb img{width:100%;height:100%;object-fit:cover}.gallery-thumb span{position:absolute;left:5px;bottom:5px;border-radius:999px;padding:3px 6px;color:#fff;background:var(--brand);font-size:9px;font-weight:900;text-transform:uppercase}.gallery-actions{display:flex;flex-wrap:wrap;gap:8px}.variant-editor-heading,.variant-editor-group-head{display:flex;justify-content:space-between;align-items:end;gap:12px}.variant-editor-heading h3{margin:0}.variant-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.variant-tab{min-height:38px;border:1px solid #d8dcf0;border-radius:999px;padding:0 14px;color:var(--brand);background:#fff;font-size:12px;font-weight:900;white-space:nowrap;cursor:grab}.variant-tab.active{color:#fff;border-color:var(--brand);background:var(--brand)}.variant-editor-group{display:grid;gap:10px;padding:12px;border:1px solid #d8dcf0;border-radius:8px;background:#fff}.variant-editor-group-head label{flex:1}.variant-editor-toggles{display:flex;flex-wrap:wrap;gap:14px}.variant-editor-toggles label{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-size:12px}.variant-editor-toggles input[type=checkbox]{width:auto}.variant-option-editor-list{display:grid;gap:8px}.variant-option-editor-head{display:grid;grid-template-columns:minmax(0,1fr) 140px 40px;gap:8px;color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase}.variant-option-editor{display:grid;grid-template-columns:minmax(0,1fr) 140px 40px;gap:8px;align-items:center}.file-upload-field img{width:100%;height:130px;object-fit:cover;border:1px solid var(--line);border-radius:8px;background:radial-gradient(circle at 30% 30%,rgba(250,140,37,.24),transparent 34%),linear-gradient(135deg,#eef2ff,#fff7ed)}.file-upload-field input{background:#f8fafc}.confirm-backdrop{z-index:40}.confirm-dialog{width:min(420px,100%)}.confirm-dialog p{color:var(--muted);line-height:1.55}.confirm-actions{display:flex;justify-content:flex-end;gap:10px}.selected-items{display:grid;gap:8px;margin-bottom:14px}.selected-item-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:9px;border:1px solid var(--line);border-radius:8px}.selected-item-row span{display:grid}.selected-item-row small{color:var(--muted)}.side-form{padding:16px;display:grid;align-content:start;gap:12px}.customer-table{overflow:hidden}.customer-table.report-orders{overflow:visible}.customer-list{width:100%}.customer-list .table-row{grid-template-columns:130px minmax(220px,1.6fr) 160px 150px 120px}.customer-list .empty-state{margin:0;border-top:1px solid var(--line)}.table-row{display:grid;grid-template-columns:minmax(180px,1.5fr) 100px 80px 110px 120px;gap:12px;align-items:center;padding:13px 16px;border-bottom:1px solid var(--line)}.table-row small{display:block;color:var(--muted);margin-top:3px}.customer-name-button{border:0;padding:0;color:var(--ink);background:transparent;font:inherit;font-weight:900;text-align:left;cursor:pointer}.customer-name-button:hover,.customer-name-button:focus-visible{color:var(--brand);text-decoration:underline;text-underline-offset:3px}.table-head{background:#f8fafc;color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase}.status-pill{width:max-content;border-radius:999px;padding:6px 10px;color:var(--brand);background:#eef2ff;font-weight:900}.customer-detail-modal{width:min(760px,calc(100vw - 28px))}.customer-detail-modal .detail-header{gap:4px}.customer-detail-modal .detail-header .status-pill{margin-bottom:5px}.customer-profile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.customer-profile-grid div{min-width:0;padding:12px;border:1px solid var(--line);border-radius:8px;background:#f8fafc}.customer-profile-grid span,.customer-history-card small{display:block;color:var(--muted);font-size:12px;font-weight:800}.customer-profile-grid strong{display:block;min-width:0;margin-top:5px;overflow-wrap:anywhere}.customer-notes{display:grid;gap:8px}.customer-notes p{margin:0;color:var(--muted);line-height:1.5}.customer-order-history{display:grid;gap:10px}.customer-history-list{display:grid;gap:10px;max-height:340px;overflow:auto;padding-right:4px}.customer-history-card{display:grid;gap:11px;padding:13px;border:1px solid var(--line);border-radius:8px;background:#fff}.customer-history-card header,.customer-history-card footer,.customer-history-card li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px}.customer-history-card header{grid-template-columns:minmax(0,1fr) auto;align-items:center}.customer-history-card ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.customer-history-card li{grid-template-columns:minmax(0,1fr) auto minmax(82px,auto)}.customer-history-card li>small{color:var(--muted);font-weight:900}.customer-history-card footer{padding-top:10px;border-top:1px solid var(--line)}.status-pill--repeated{color:#fff;background:var(--accent);box-shadow:0 8px 18px #fa8c253d}.status-pill--new{color:var(--brand);background:#eef2ff}.customer-editor-modal{width:min(520px,100%);display:grid;gap:13px}.reports-layout{display:grid;gap:16px}.report-controls{padding:14px;display:flex;flex-wrap:nowrap;gap:12px;align-items:end}.date-range-fields{display:flex;flex:1;gap:12px;min-width:0}.date-range-fields label{flex:0 1 230px;min-width:190px}.date-inline-field{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:8px;min-height:44px;padding:0 11px;border:1px solid var(--line);border-radius:8px;background:#fff}.date-inline-field span{color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase}.date-inline-field svg{color:var(--muted)}.date-inline-field input{min-width:0;padding:0;border:0;border-radius:0;outline:0;background:transparent}.metric-grid,.report-split{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric-card,.report-panel{padding:18px}.metric-card strong{display:block;margin-top:10px;color:var(--brand);font-size:24px}.report-split{grid-template-columns:1fr 1fr}.status-report{display:grid;grid-template-columns:1fr auto;gap:12px;font-size:18px}.report-orders .table-row{grid-template-columns:1fr 1.2fr minmax(220px,1.7fr) .8fr .8fr .9fr}.report-orders .table-row:hover{position:relative;z-index:4}.variant-details{position:relative;display:inline-flex;align-items:center;margin-left:6px}.variant-details-link{border:0;padding:0;color:var(--brand);background:transparent;font:inherit;font-size:11px;font-weight:900;text-decoration:underline;text-underline-offset:2px;text-transform:none}.variant-details-popover{pointer-events:none;position:absolute;left:0;bottom:calc(100% + 8px);z-index:8;width:max-content;max-width:280px;padding:9px 10px;border:1px solid #d8dcf0;border-radius:8px;color:var(--ink);background:#fff;box-shadow:0 18px 42px #0f172a24;font-size:12px;font-weight:800;line-height:1.4;opacity:0;transform:translateY(4px);transition:opacity .16s ease,transform .16s ease}.report-orders .variant-details-popover{left:auto;right:0;top:calc(100% + 6px);bottom:auto;max-width:220px;white-space:normal;transform:translateY(-2px)}.variant-details-popover ul{display:grid;gap:4px;margin:0;padding-left:16px;list-style:disc}.variant-details:hover .variant-details-popover,.variant-details:focus-within .variant-details-popover{opacity:1;transform:translateY(0)}.report-orders .variant-details:hover .variant-details-popover,.report-orders .variant-details:focus-within .variant-details-popover{transform:translateY(0)}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(320px,430px) minmax(0,1fr);background:radial-gradient(circle at 85% 20%,rgba(250,140,37,.22),transparent 26%),linear-gradient(135deg,#f8fafc,#eef2ff)}.login-panel{margin:auto;width:min(360px,calc(100% - 32px));padding:28px}.login-brand{color:var(--brand);margin-bottom:24px}.login-brand span{color:var(--muted)}.login-form{display:grid;gap:14px}.form-error{color:#dc2626;font-weight:800;margin-bottom:0}.login-visual{display:grid;place-items:center;padding:36px;background:linear-gradient(145deg,#1e278ff0,#11165fe6),var(--login-visual-bg),linear-gradient(145deg,var(--brand),#11165f);background-position:center;background-size:cover}.login-metrics-panel{width:min(680px,100%);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.login-metric-card{min-height:170px;padding:22px;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:linear-gradient(180deg,#ffffff29,#ffffff14),#ffffff1f;box-shadow:0 24px 60px #00000029;display:grid;align-content:space-between;gap:12px}.login-metric-card span,.login-metric-card small,.login-metric-card strong{display:block}.login-metric-card span{color:#ffffffc7;font-size:12px;font-weight:900;text-transform:uppercase}.login-metric-card strong{font-size:clamp(32px,5vw,54px);line-height:1;color:var(--accent)}.login-metric-card small{color:#ffffffb8;font-weight:700}.toast{position:fixed;right:22px;bottom:22px;z-index:50;display:flex;align-items:center;gap:10px;max-width:min(460px,calc(100vw - 44px));padding:13px 15px;border-radius:8px;background:#111827;color:#fff;box-shadow:0 20px 50px #0003;font-weight:800}.toast-success{background:#0f766e;box-shadow:0 20px 50px #0f766e3d,0 0 0 1px #ffffff14 inset}.confetti-burst{pointer-events:none;position:fixed;right:22px;bottom:0;width:min(420px,40vw);height:70vh;z-index:15;overflow:hidden}.confetti-piece{position:absolute;left:50%;bottom:-18px;width:10px;height:18px;border-radius:3px;background:var(--color);opacity:0;transform:translate(-50%) rotate(var(--rotate));animation:confetti-shoot 1.45s cubic-bezier(.16,.84,.36,1) var(--delay) forwards;box-shadow:0 8px 20px #0f172a1f}@keyframes confetti-shoot{0%{opacity:0;transform:translate(-50%) rotate(var(--rotate)) scale(.7)}15%{opacity:1}70%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--x)),-58vh) rotate(calc(var(--rotate) + 340deg)) scale(1)}}@media(prefers-reduced-motion:reduce){.confetti-burst{display:none}}@media(max-width:1180px){.orders-layout,.orders-main-grid,.management-layout{grid-template-columns:1fr}.detail-panel,.today-summary-card{position:static}.customer-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.app-shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:10;padding:12px}.nav-list{grid-template-columns:repeat(4,1fr)}.nav-button{justify-content:center;font-size:0}.nav-button svg{width:20px;height:20px}.sidebar-exit{display:none}.workspace,.orders-layout{width:100%;min-width:0;overflow-x:hidden}.order-board-area{max-width:100%;overflow:hidden}.topbar,.toolbar,.product-toolbar,.customer-filters,.report-controls{align-items:stretch}.topbar,.toolbar,.product-toolbar,.report-controls{flex-direction:column}.customer-filters{grid-template-columns:1fr}.customer-profile-grid{grid-template-columns:1fr 1fr}.date-range-fields{width:100%;flex-direction:column}.date-range-fields label{width:100%;min-width:0}.confetti-burst{right:0;width:100%}.order-board{grid-template-columns:repeat(5,minmax(220px,1fr))}.today-summary-card{align-items:flex-start;flex-direction:column}.today-summary-card>div:last-child{width:100%;margin-left:0;padding-top:12px;padding-left:0;border-top:1px solid var(--line);border-left:0}.form-grid,.product-picker,.metric-grid,.report-split,.customer-profile-grid,.login-metrics-panel,.login-page{grid-template-columns:1fr}.login-visual{display:none}.table-row,.report-orders .table-row{grid-template-columns:1fr}}