*{box-sizing:border-box}:root{--font-heading: "Aptos Display", "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;--font-body: "Inter", "Aptos", "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;--color-bg: #eef1f4;--color-bg-edge: #dfe5ea;--color-surface: #ffffff;--color-surface-muted: #f8fafb;--color-panel-muted: #edf2f5;--color-border: #d4dce3;--color-border-soft: #e3e8ed;--color-border-strong: #b9c5cf;--color-text: #20282f;--color-text-muted: #65727c;--color-heading: #151d24;--color-primary: #2d6f88;--color-primary-hover: #215a70;--color-primary-soft: #e9f4f7;--color-primary-border: #92bdca;--color-accent: #b8843d;--color-accent-soft: #f8f0e4;--color-secondary: #e9edf1;--color-danger: #a54032;--color-danger-soft: #f9ece9;--color-success: #1f7047;--color-success-soft: #e8f5ee;--shadow-sm: 0 1px 2px rgba(22, 31, 39, .06);--shadow-md: 0 12px 30px rgba(30, 42, 52, .1);--shadow-lg: 0 22px 60px rgba(24, 34, 44, .14);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 18px;--space-xl: 24px}body{margin:0;font-family:var(--font-body);background:radial-gradient(circle at top left,rgba(255,255,255,.9),transparent 32rem),linear-gradient(135deg,var(--color-bg),var(--color-bg-edge));color:var(--color-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit}button{border:1px solid transparent;border-radius:var(--radius-sm);background:var(--color-primary);color:#fff;cursor:pointer;min-height:38px;padding:0 14px;font-weight:650;box-shadow:var(--shadow-sm);transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}button:hover:not(:disabled){background:var(--color-primary-hover)}button:disabled{cursor:not-allowed;opacity:.55}button.secondary{background:var(--color-secondary);color:#243746;border-color:var(--color-border)}button.secondary:hover:not(:disabled){background:#dfe5ea;color:var(--color-heading)}.text-link{min-height:0;padding:0;background:transparent;color:var(--color-primary);text-align:left}.text-link:hover{text-decoration:underline}.loading{padding:40px}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 12%,rgba(255,255,255,.96),transparent 24rem),linear-gradient(135deg,#f7f8f9,#dce3e8)}.login-panel{width:min(420px,calc(100vw - 32px));background:#ffffffeb;border:1px solid rgba(185,197,207,.75);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.login-panel h1{margin:0 0 24px;font-size:28px;letter-spacing:0}.app{height:100vh;display:grid;grid-template-columns:240px 1fr;overflow:hidden}.sidebar{background:linear-gradient(180deg,#fff,#e9eef2);color:var(--color-heading);padding:22px;display:flex;flex-direction:column;gap:24px;min-height:0;overflow:hidden;border-right:1px solid var(--color-border);box-shadow:8px 0 30px #26313a0f}.brand{font-size:24px;font-family:var(--font-heading);font-weight:760;letter-spacing:0}.signed-in{margin-top:16px;color:var(--color-text);line-height:1.4}.signed-in span{color:var(--color-text-muted);text-transform:capitalize}.sidebar nav{display:grid;gap:8px;min-height:0;overflow-y:auto}.sidebar nav button,.logout{width:100%;text-align:left;background:transparent;color:var(--color-text);border-color:transparent;box-shadow:none}.sidebar nav button.active,.logout.active,.sidebar nav button:hover,.logout:hover{background:var(--color-primary-soft);border-color:var(--color-primary-border);color:var(--color-heading)}.sidebar-bottom{margin-top:auto;display:grid;gap:10px}.logout{margin-top:0}.app-version{color:var(--color-text-muted);font-size:12px;text-align:right}.content{min-width:0;min-height:0;padding:28px;overflow:auto}.page-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:22px}h1,h2{margin:0;font-family:var(--font-heading);color:var(--color-heading);letter-spacing:0}h1{font-size:30px;line-height:1.12;font-weight:760}h2{font-size:18px;line-height:1.25;margin-bottom:16px;font-weight:720}p{margin:6px 0 0;color:var(--color-text-muted)}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px;box-shadow:var(--shadow-sm)}.two-column{display:grid;grid-template-columns:minmax(360px,520px) 1fr;gap:18px;align-items:start}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}label{display:grid;gap:6px;color:#33424d;font-size:14px;margin-bottom:12px;font-weight:620}input,select,textarea{width:100%;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);min-height:38px;padding:8px 10px;background:linear-gradient(180deg,#fff,#fbfcfd);color:var(--color-text);box-shadow:inset 0 1px 1px #1e2a3408}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2d6f8829;outline:0}textarea{min-height:72px;resize:vertical}.search{display:flex;gap:8px;min-width:min(420px,100%)}.search.inline{min-width:0}.search-field{position:relative;flex:1 1 auto;min-width:0}.search-field input{padding-right:38px}.search-clear{position:absolute;top:50%;right:4px;transform:translateY(-50%);min-height:30px;width:30px;padding:0;border-radius:4px;background:transparent;color:var(--color-text-muted);font-size:20px;line-height:1}.search-clear:hover{background:var(--color-secondary);color:var(--color-heading)}.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:14px}.quick-grid button{background:linear-gradient(180deg,#fff,var(--color-surface-muted));color:var(--color-heading);border:1px solid var(--color-border);min-height:90px;text-align:left;padding:18px;font-weight:720}.quick-grid button:hover{background:var(--color-primary-soft);border-color:var(--color-primary-border);color:var(--color-heading)}.table-list{display:grid;gap:10px}:is(.list-row,.mini-row,.result-row,.authorization-row){border:1px solid var(--color-border-soft);border-radius:var(--radius-sm);background:linear-gradient(180deg,#fff,var(--color-surface-muted));box-shadow:var(--shadow-sm);font-size:14px;line-height:1.35}:is(.list-row,.mini-row,.result-row,.authorization-row,.selected-customer,.customer-results) strong{color:var(--color-heading);font-size:14px;font-weight:650;line-height:1.3}:is(.list-row,.mini-row,.result-row,.authorization-row,.selected-customer,.customer-results) span,.muted{color:var(--color-text-muted);font-size:13px;font-weight:400}:is(button.list-row,button.mini-row,.clickable-row,.result-row):hover,:is(button.list-row,button.mini-row,.clickable-row,.result-row):focus-visible{border-color:var(--color-primary-border);background:var(--color-primary-soft);box-shadow:0 8px 22px #2d6f881a}.list-row{display:grid;gap:3px;padding:12px}button.list-row{color:inherit;min-height:0;text-align:left;width:100%}button.list-row.selected{border-color:var(--color-primary-border);background:var(--color-primary-soft);box-shadow:0 8px 22px #2d6f881a}.list-controls{display:grid;grid-template-columns:minmax(86px,1fr) 112px;gap:var(--space-md);align-items:center;min-width:0;border:1px solid var(--color-border-soft);border-radius:var(--radius-sm);padding:var(--space-md);background:linear-gradient(180deg,#fff,var(--color-surface-muted));margin-bottom:var(--space-md);box-shadow:var(--shadow-sm)}.list-count{display:flex;gap:6px;align-items:baseline;min-width:0;white-space:nowrap}.list-count span,.page-buttons span{color:var(--color-text-muted);font-size:13px}.page-size{margin-bottom:0;min-width:112px}.page-buttons{display:grid;grid-template-columns:86px 1fr 86px;grid-column:1 / -1;gap:var(--space-sm);align-items:center;min-width:0}.page-buttons button{width:86px;padding-inline:10px}.page-buttons span{white-space:nowrap;text-align:center;min-width:0;overflow:hidden;text-overflow:ellipsis}.ticket-row{grid-template-columns:1.2fr 1fr 1fr .8fr;align-items:center}.ticket-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,520px);gap:18px;align-items:start}.ticket-layout.has-selection{grid-template-columns:minmax(300px,420px) minmax(720px,1fr)}.customer-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,560px);gap:18px;align-items:start}.customer-layout.has-selection{grid-template-columns:minmax(360px,520px) minmax(720px,1fr)}.status{display:inline-block;margin-left:8px;color:var(--color-danger);text-transform:uppercase;font-size:12px}.status-inline{color:var(--color-danger);text-transform:uppercase}.ticket-detail{position:sticky;top:0;box-shadow:var(--shadow-md)}.ticket-layout.has-selection .ticket-detail,.customer-layout.has-selection .ticket-detail{padding:24px;border-color:var(--color-border-strong)}.detail-title{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:16px}.detail-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.detail-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ticket-layout.has-selection .detail-summary,.customer-layout.has-selection .detail-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.detail-summary div,.mini-row{padding:10px}.detail-summary div,.mini-row{display:grid;gap:3px;line-height:1.35}button.mini-row,.clickable-row{color:inherit;min-height:0;text-align:left;width:100%}.detail-section,.action-panel{border-top:1px solid var(--color-border-soft);margin-top:18px;padding-top:18px}.section-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.section-title h2{margin-bottom:0}.item-detail-row{display:grid;grid-template-columns:96px minmax(0,1fr) 180px;gap:12px;border:1px solid var(--color-border-soft);border-radius:var(--radius-sm);padding:10px;background:linear-gradient(180deg,#fff,var(--color-surface-muted));align-items:start}.ticket-layout.has-selection .item-detail-row{grid-template-columns:132px minmax(260px,1fr) 220px}.ticket-layout.has-selection .barcode{max-width:220px}.item-media{aspect-ratio:1;border:1px solid var(--color-border-soft);border-radius:var(--radius-sm);background:linear-gradient(135deg,#f9fafb,var(--color-panel-muted));display:grid;place-items:center;overflow:hidden;color:var(--color-text-muted);font-size:13px}.item-media img,.item-media video{width:100%;height:100%;object-fit:cover}.item-facts{display:grid;gap:4px}.item-facts span{color:var(--color-text-muted);font-size:13px}.media-upload{margin:8px 0 0}.media-upload input{padding:6px}.item-barcode{display:grid;justify-items:center}.barcode{width:100%;max-width:180px;height:auto}.barcode text{font:12px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:0}.print-area,.print-labels{display:none}.receipt-page{color:#111}.receipt-header{display:flex;justify-content:space-between;gap:24px;border-bottom:2px solid #111;padding-bottom:16px;margin-bottom:18px}.receipt-header h1{color:#111;font-size:24px}.receipt-header p,.receipt-header span{color:#333}.receipt-header>div:last-child{display:grid;gap:4px;text-align:right}.receipt-grid,.receipt-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.receipt-grid div,.receipt-totals div{border:1px solid #aaa;padding:8px;display:grid;gap:4px}.receipt-grid span,.receipt-totals span{color:#444;font-size:12px}.receipt-table{width:100%;border-collapse:collapse;margin-bottom:18px}.receipt-table th,.receipt-table td{border:1px solid #aaa;padding:8px;text-align:left;vertical-align:top}.receipt-table th{background:#f0f0f0}.receipt-notes{color:#222;border:1px solid #aaa;padding:10px;margin-bottom:28px}.receipt-footer{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:42px}.receipt-footer span{border-top:1px solid #111;padding-top:8px;color:#111}@media (max-width: 1279px){.ticket-layout.has-selection{grid-template-columns:minmax(0,1fr) minmax(380px,520px)}.customer-layout.has-selection{grid-template-columns:minmax(0,1fr) minmax(420px,560px)}.ticket-layout.has-selection .detail-summary,.customer-layout.has-selection .detail-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.ticket-layout.has-selection .item-detail-row{grid-template-columns:96px minmax(0,1fr) 180px}}.customer-actions{display:flex;flex-wrap:wrap;gap:10px}.notes-block{white-space:pre-wrap}.customer-picker{display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:14px;align-items:end;margin:10px 0 22px}.customer-association{border:1px solid var(--color-border-soft);border-radius:var(--radius-md);padding:var(--space-lg);background:linear-gradient(180deg,#fff,var(--color-surface-muted));margin:10px 0 22px}.selected-customer{display:flex;justify-content:space-between;gap:var(--space-md);align-items:center;border:1px solid var(--color-primary-border);border-radius:var(--radius-sm);padding:var(--space-md);background:var(--color-primary-soft);box-shadow:var(--shadow-sm)}.selected-customer div{display:grid;gap:3px;line-height:1.35}.customer-results{display:grid;gap:10px;max-height:280px;overflow-y:auto}.compact-form{display:grid;gap:var(--space-sm)}.item-entry{border:1px solid var(--color-border-soft);border-radius:var(--radius-md);padding:14px;margin-bottom:12px;background:linear-gradient(180deg,#fff,var(--color-surface-muted))}.item-media-capture{display:grid;grid-template-columns:120px minmax(0,1fr);gap:var(--space-md);align-items:start;margin-bottom:var(--space-md)}.media-file-row{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center}.media-file-row span{color:var(--color-text-muted);font-size:13px}.totals{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;align-items:end;margin:18px 0}.totals div{border:1px solid var(--color-border-soft);border-radius:var(--radius-sm);padding:10px;min-height:58px;display:grid;gap:4px;background:linear-gradient(180deg,#fff,var(--color-surface-muted))}.totals span{color:var(--color-text-muted);font-size:13px}.error,.success{padding:10px 12px;border-radius:6px;margin-bottom:14px;border:1px solid transparent}.error{background:var(--color-danger-soft);border-color:#ecc9c2;color:var(--color-danger)}.success{background:var(--color-success-soft);border-color:#bfe3ce;color:var(--color-success)}@media (max-width: 900px){.app{height:auto;min-height:100vh;grid-template-columns:1fr;overflow:visible}.sidebar{position:static;overflow:visible}.two-column,.form-grid,.quick-grid,.customer-picker,.totals,.list-controls,.ticket-layout,.customer-layout,.item-detail-row,.ticket-row{grid-template-columns:1fr}.ticket-detail{position:static}.ticket-layout.has-selection,.customer-layout.has-selection,.ticket-layout.has-selection .detail-summary,.customer-layout.has-selection .detail-summary,.ticket-layout.has-selection .item-detail-row{grid-template-columns:1fr}.page-header{display:grid}.page-buttons{display:grid;grid-template-columns:1fr minmax(92px,auto) 1fr;width:100%}.page-buttons button{width:100%;min-width:0}}@media print{body{background:#fff}.app>.sidebar,.content>section>:not(.print-area){display:none!important}.app{display:block;height:auto;overflow:visible}.content{padding:0;overflow:visible}.print-area{display:none!important}.print-area.is-printing{display:block!important}.print-labels.is-printing{display:grid;grid-template-columns:repeat(2,2.35in);gap:.12in;padding:.15in}.sticker-label{width:2.35in;min-height:1.15in;border:1px solid #222;padding:.08in;display:grid;gap:.02in;break-inside:avoid}.sticker-label strong,.sticker-label span,.sticker-label small{color:#111;line-height:1.1}.sticker-label strong{font-size:12pt}.sticker-label span,.sticker-label small{font-size:8pt}.sticker-label .barcode{max-width:2.1in}.print-receipt.is-printing{display:block!important;padding:.35in}.receipt-page{width:100%;font-size:10pt}.receipt-grid,.receipt-totals{grid-template-columns:repeat(2,minmax(0,1fr))}}.page-actions{display:flex;justify-content:flex-end;width:min(460px,100%)}.save-status{color:var(--color-text-muted);font-size:14px;padding-top:8px;text-align:right}.form-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.panel>label:last-child,.item-entry>label:last-child{margin-bottom:0}.search input{min-width:0}.search button,.inline-form button{flex:0 0 auto}.inline-form{display:grid;grid-template-columns:minmax(120px,180px) minmax(160px,1fr) auto;gap:12px;align-items:end;margin-bottom:18px}.inline-form label{margin-bottom:0}.setup-grid{grid-template-columns:1fr 1fr;margin-top:18px}.create-user-panel,.authorization-panel{margin-bottom:18px}.nested-panel{border:1px solid var(--color-border-soft);border-radius:var(--radius-md);padding:var(--space-lg);background:var(--color-surface-muted);margin-bottom:var(--space-lg)}.form-actions,.user-row-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center}.form-actions{margin-top:var(--space-md)}.account-panel{width:min(460px,100%)}.authorization-panel p{margin-bottom:16px}.authorization-list{display:grid;gap:10px}.authorization-row{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:14px;align-items:start;padding:12px}.authorization-row span{display:block;margin-top:4px}.authorization-row label{margin-bottom:0}.user-edit-grid{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:var(--space-md);grid-column:1 / -1}.authorization-row .user-row-actions{justify-content:flex-end}.checkbox-label{display:flex;align-items:center;gap:8px}.checkbox-label input{width:18px;min-height:18px}.reference-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.reference-list h3{margin:0 0 8px;font-size:14px;color:#33424d}.reference-row{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--color-border-soft);color:var(--color-text);font-size:14px;line-height:1.35}.reference-row:last-child{border-bottom:0}.link-button{background:transparent;color:var(--color-danger);min-height:30px;padding:0 4px;border-color:transparent;box-shadow:none}.link-button:disabled{color:var(--color-text-muted);text-decoration:none}.link-button:hover{text-decoration:underline}.dev-notes-panel{padding:0}.dev-notes-pad{width:100%;min-height:calc(100vh - 170px);border:0;border-radius:8px;padding:18px;resize:vertical;line-height:1.5;font-family:inherit;font-size:15px}.dev-notes-pad:focus{outline:2px solid var(--color-primary-border);outline-offset:-2px}@media (max-width: 1100px){.two-column,.setup-grid{grid-template-columns:1fr}.list-controls{grid-template-columns:minmax(86px,1fr) 112px}.page-buttons{grid-column:1 / -1;justify-self:stretch}.ticket-row{grid-template-columns:1fr 1fr}}@media (max-width: 720px){.content{padding:18px}.sidebar{padding:16px;gap:14px}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-bottom{grid-template-columns:repeat(2,minmax(0,1fr))}.app-version{grid-column:1 / -1;text-align:left}.page-header,.page-actions,.search,.inline-form,.authorization-row,.user-edit-grid,.reference-columns,.form-grid-2,.form-grid-3{display:grid;grid-template-columns:1fr;width:100%}.quick-grid,.customer-picker,.totals,.item-media-capture,.ticket-row{grid-template-columns:1fr}h1{font-size:24px}}.smart-search{margin-bottom:18px}.dashboard-grid{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(360px,1.4fr);gap:var(--space-lg);margin-bottom:var(--space-lg)}.dashboard-card{display:grid;gap:var(--space-lg);align-content:space-between;min-height:210px;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px;background:linear-gradient(180deg,#fff,var(--color-surface-muted));box-shadow:var(--shadow-sm)}.dashboard-card>div:first-child{display:grid;gap:6px}.dashboard-card>div:first-child span{color:var(--color-text-muted);font-size:13px;font-weight:650;text-transform:uppercase}.dashboard-card>div:first-child strong{color:var(--color-heading);font-family:var(--font-heading);font-size:42px;line-height:1}.dashboard-card dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:var(--space-sm);margin:0}.dashboard-card dl div{border:1px solid var(--color-border-soft);border-radius:var(--radius-sm);padding:10px;background:#ffffffb3}.dashboard-card dt{color:var(--color-text-muted);font-size:12px}.dashboard-card dd{margin:3px 0 0;color:var(--color-heading);font-weight:680}.dashboard-card-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.smart-search-form{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:12px;align-items:end}.smart-search-form label{margin-bottom:0}.smart-search-group{margin-top:18px}.result-row{width:100%;min-height:56px;display:grid;gap:3px;text-align:left;padding:12px}.dashboard-actions{margin-top:18px}@media (max-width: 720px){.dashboard-grid,.smart-search-form{grid-template-columns:1fr}}