:root{--color-bg: #080d14;--color-bg-deep: #070c12;--color-bg-chrome: #02070d;--color-topbar: #041f34;--color-sidebar: #09131c;--color-well: #0d1d28;--color-surface: #0d1721;--color-surface-raised: #101f2b;--color-surface-hover: #102c3b;--color-surface-active: #123e56;--color-border: #1b3546;--color-border-strong: #294254;--color-text: #eef7fb;--color-text-strong: #ffffff;--color-text-muted: #aabcc7;--color-text-subtle: #8198a7;--color-text-inverse: #101820;--color-cyan: #63d9ef;--color-cyan-strong: #0097bd;--color-orange: #f58a08;--color-orange-hover: #ff9d2f;--color-success: #41d39b;--color-success-bg: #082c28;--color-success-border: #23654f;--color-success-text: #73e5b8;--color-warning: #ffad57;--color-warning-bg: #422a10;--color-warning-border: #6e4c13;--color-warning-text: #ffc45f;--color-danger: #ff9eb7;--color-danger-bg: #35151e;--color-danger-border: #713045;--color-info: var(--color-cyan);--color-info-bg: #082c3a;--color-info-border: #176378;--color-info-text: #83e6f4;--color-accent-bg: #29213d;--color-accent-border: #4e3e72;--color-accent-text: #c5b4ff;--font-family-base: system-ui, -apple-system, "Segoe UI", Arial, sans-serif;--font-family-mono: "Cascadia Code", "SFMono-Regular", Consolas, monospace;--font-weight-normal: 400;--font-weight-medium: 600;--font-weight-bold: 800;--font-weight-black: 900;--text-xs: .7rem;--text-sm: .78rem;--text-md: .875rem;--text-lg: 1rem;--text-xl: 1.25rem;--text-2xl: 1.75rem;--text-3xl: 2.5rem;--text-4xl: clamp(3rem, 6vw, 6.2rem);--line-height-tight: 1;--line-height-base: 1.5;--line-height-relaxed: 1.7;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1);--duration-press: .16s;--duration-fast: .2s;--duration-standard: .25s;--stagger-short: 50ms;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 22px;--radius-pill: 999px;--shadow-sm: 0 8px 20px rgba(2, 7, 13, .24);--shadow-md: 0 16px 32px rgba(2, 7, 13, .32);--shadow-lg: 0 18px 40px rgba(2, 7, 13, .45);--shadow-glow: 0 0 24px rgba(0, 229, 255, .24);--overlay-soft: rgba(4, 31, 52, .88);--overlay-strong: rgba(2, 7, 13, .78);--focus-color: var(--color-orange);--focus-shadow: 0 0 0 2px var(--color-text-inverse);--focus-outline: 3px solid var(--focus-color);--focus-offset: 3px;--control-min-height: 44px;--pin-navy: #062b47;--pin-navy-deep: #041f34;--pin-teal: var(--color-cyan-strong);--pin-orange: var(--color-orange);--pin-cream: #fff4df;--pin-surface: #f6f8fa;--pin-muted: #64748b}:root[data-theme=light]{--color-bg: #FDF5E6;--color-bg-deep: #f3e8d2;--color-bg-chrome: #fffdf8;--color-topbar: #fffdf8;--color-sidebar: #fffdf8;--color-well: #eee2c8;--color-surface: #fffdf8;--color-surface-raised: #f8f0dc;--color-surface-hover: #f0e3c6;--color-surface-active: #e5d3ae;--color-border: #ddcdaa;--color-border-strong: #bfa377;--color-text: #13212c;--color-text-strong: #0a141c;--color-text-muted: #665d4e;--color-text-subtle: #7d7462;--color-text-inverse: #ffffff;--color-cyan: #0090b3;--color-cyan-strong: #00728f;--color-orange: #f58a08;--color-orange-hover: #c96a00;--color-success: #0d8a5f;--color-success-bg: #d9f0e2;--color-success-border: #8fcfb0;--color-success-text: #0b6b4b;--color-warning: #9a5b00;--color-warning-bg: #f9e7c8;--color-warning-border: #ddb264;--color-warning-text: #7a4a00;--color-danger: #cf2f61;--color-danger-bg: #f9dce5;--color-danger-border: #e59ab2;--color-info: var(--color-cyan);--color-info-bg: #dbedf4;--color-info-border: #8ecfe2;--color-info-text: #006c88;--color-accent-bg: #e9e2fb;--color-accent-border: #b7a3f2;--color-accent-text: #5833cf;--shadow-sm: 0 8px 20px rgba(84, 60, 20, .1);--shadow-md: 0 16px 32px rgba(84, 60, 20, .14);--shadow-lg: 0 18px 40px rgba(84, 60, 20, .2);--shadow-glow: 0 0 24px rgba(0, 144, 179, .18);--overlay-soft: rgba(253, 245, 230, .92);--overlay-strong: rgba(46, 32, 12, .6)}.app-button{align-items:center;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font:inherit;font-weight:var(--font-weight-bold);gap:var(--space-2);justify-content:center;min-height:var(--control-min-height);padding:var(--space-2) var(--space-4);text-decoration:none;touch-action:manipulation;transition:background-color var(--duration-press) var(--ease-out),border-color var(--duration-press) var(--ease-out),color var(--duration-press) var(--ease-out),opacity var(--duration-press) var(--ease-out),transform var(--duration-press) var(--ease-out)}.app-button--filled{background:var(--color-orange);color:var(--color-text-inverse)}.app-button--filled:hover:not(:disabled){background:var(--color-orange-hover)}.app-button--outlined{background:transparent;border-color:var(--color-border-strong);color:var(--color-text)}.app-button--outlined:hover:not(:disabled){border-color:var(--color-cyan);color:var(--color-cyan)}.app-button--text{background:transparent;color:var(--color-cyan)}.app-button--text:hover:not(:disabled){background:var(--color-surface-hover)}.app-button--danger{border-color:var(--color-danger);color:var(--color-danger)}.app-button--danger.app-button--filled{background:var(--color-danger);color:var(--color-text-inverse)}.app-button:disabled,.app-button[aria-disabled=true]{cursor:not-allowed;opacity:.5}.app-button:active:not(:disabled):not([aria-disabled=true]){transform:scale(.97)}@media(prefers-reduced-motion:reduce){.app-button:active:not(:disabled):not([aria-disabled=true]){opacity:.8;transform:none!important}}.app-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);overflow:hidden}.app-card__header{align-items:flex-start;display:flex;gap:var(--space-4);justify-content:space-between}.app-card__actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3)}.app-badge{border:1px solid transparent;border-radius:var(--radius-pill);display:inline-flex;font-size:var(--text-xs);font-style:normal;font-weight:var(--font-weight-bold);line-height:1;padding:.4rem .65rem}.app-badge--neutral{background:var(--color-surface-raised);border-color:var(--color-border);color:var(--color-text-muted)}.app-badge--info{background:var(--color-info-bg);border-color:var(--color-info-border);color:var(--color-info-text)}.app-badge--accent{background:var(--color-accent-bg);border-color:var(--color-accent-border);color:var(--color-accent-text)}.app-badge--success{background:var(--color-success-bg);border-color:var(--color-success-border);color:var(--color-success-text)}.app-badge--warning{background:var(--color-warning-bg);border-color:var(--color-warning-border);color:var(--color-warning-text)}.app-badge--danger{background:var(--color-danger-bg);border-color:var(--color-danger-border);color:var(--color-danger)}app-input,app-select,app-textarea{display:block;min-width:0}.app-field{color:var(--color-text-muted);display:grid;font-size:var(--text-sm);gap:var(--space-2);min-width:0}.app-field__label{color:var(--color-text-muted);font-weight:var(--font-weight-bold)}.app-field__required{color:var(--color-orange)}.app-field__control{background:var(--color-surface-raised);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text);font:inherit;min-height:var(--control-min-height);min-width:0;padding:.7rem .8rem;width:100%}.app-field__control::placeholder{color:var(--color-text-subtle);opacity:1}.app-field__control:hover:not(:disabled){border-color:var(--color-cyan-strong)}.app-field__control:focus-visible{border-color:var(--color-cyan)}textarea.app-field__control{min-height:7rem;resize:vertical}.app-field__hint{color:var(--color-text-subtle);font-size:var(--text-xs);min-width:0;overflow-wrap:anywhere}.app-field__error{color:var(--color-danger);font-size:var(--text-xs);min-width:0;overflow-wrap:anywhere}.app-field--disabled{opacity:.55}html{color-scheme:dark}html[data-theme=light]{color-scheme:light}html,body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-family-base);margin:0;min-height:100%}*{box-sizing:border-box}button,input,select,textarea{font:inherit}button,a,input,select,textarea,[role=button]{touch-action:manipulation}button,a{-webkit-tap-highlight-color:color-mix(in srgb,var(--color-orange) 22%,transparent)}::selection{background:var(--color-cyan);color:var(--color-text-inverse)}:focus-visible{box-shadow:var(--focus-shadow);outline:var(--focus-outline);outline-offset:var(--focus-offset)}h1,h2,h3{scroll-margin-top:7rem;text-wrap:balance}p{text-wrap:pretty}mat-card,.mat-mdc-card{border-radius:var(--radius-lg)!important}.mat-mdc-button,.mat-mdc-unelevated-button,.mat-mdc-outlined-button{border-radius:var(--radius-md)!important}.mat-mdc-select-panel{background:var(--color-bg-deep)!important;border:1px solid var(--color-border-strong);box-shadow:var(--shadow-lg)!important}.mat-mdc-option{color:var(--color-text)!important}.mat-mdc-option:hover:not(.mdc-list-item--disabled),.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled){background:var(--color-surface-hover)!important}.mat-mdc-option.mdc-list-item--disabled{color:var(--color-text-subtle)!important}.ticket-image-source-panel.mat-bottom-sheet-container,.ticket-image-source-panel .mat-bottom-sheet-container{background:var(--color-bg-deep)!important;border:1px solid var(--color-border-strong);border-bottom:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-lg)!important;padding:0!important}.ticket-image-source-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:var(--overlay-strong)!important}iconify-icon{display:inline-block;line-height:1}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);white-space:nowrap}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}}@media(max-width:760px){input,select,textarea{font-size:1rem}}app-admin .product-images{border-top:1px solid var(--color-border);margin-top:1rem;padding:1.25rem 0}app-admin .section-label{align-items:center;display:flex;gap:1rem;justify-content:space-between}app-admin .section-label h3{font-size:.9rem;margin:0}app-admin .section-label p,app-admin .image-empty{color:var(--color-text-subtle);font-size:.7rem;margin:.3rem 0}app-admin .file-button{background:var(--color-info-bg);border:1px solid var(--color-info-border);border-radius:8px;color:var(--color-info-text);cursor:pointer;font-size:.75rem;font-weight:800;padding:.65rem .8rem}app-admin .file-button.disabled{cursor:not-allowed;opacity:.45}app-admin .file-button input{height:1px;opacity:0;position:absolute;width:1px}app-admin .product-image-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));margin-top:1rem}app-admin .product-image-grid article{background:var(--color-bg-deep);border:1px solid var(--color-border);display:grid;gap:.4rem;padding:.5rem}app-admin .product-image-grid img{aspect-ratio:4/3;object-fit:cover;width:100%}app-admin .product-image-grid span{color:var(--color-text-muted);font-size:.68rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}app-admin .product-image-grid input{background:var(--color-surface-raised);border:1px solid var(--color-border-strong);color:var(--color-text);font:inherit;font-size:.7rem;min-width:0;padding:.5rem}app-admin .product-image-grid button{background:transparent;border:0;color:var(--color-danger);cursor:pointer;font-size:.68rem;justify-self:start;padding:0}app-admin .product-image-grid button:disabled{cursor:wait;opacity:.5}app-admin .taxonomy-list{display:grid;gap:.45rem;margin-top:1rem}app-admin .taxonomy-list>article{align-items:center;background:var(--color-bg-deep);border:1px solid var(--color-border);border-radius:9px;display:flex;gap:1rem;justify-content:space-between;padding:.7rem .8rem}app-admin .taxonomy-list span{display:grid;gap:.2rem}app-admin .taxonomy-list small{color:var(--color-text-subtle);font-size:.65rem}app-admin .taxonomy-list div{display:flex;gap:.4rem}app-admin .taxonomy-list button,app-admin .cancel-edit{background:var(--color-surface-hover);border:1px solid var(--color-border-strong);border-radius:7px;color:var(--color-info-text);cursor:pointer;font-size:.68rem;font-weight:800;padding:.42rem .58rem}app-admin .taxonomy-list button:disabled{cursor:wait;opacity:.55}app-admin .taxonomy-list .danger-action{background:var(--color-danger-bg);border-color:var(--color-danger-border);color:var(--color-danger)}app-admin .cancel-edit{background:transparent;color:var(--color-text-muted)}app-admin .specifications-editor{border-top:1px solid var(--color-border);margin-top:1rem;padding:1.25rem 0}app-admin .specifications-editor>.section-label>button:disabled{cursor:not-allowed;opacity:.45}app-admin .specifications-editor>article{align-items:end;background:var(--color-bg-deep);border:1px solid var(--color-border);display:grid;gap:.65rem;grid-template-columns:1fr 1fr 1fr auto auto;margin-top:.65rem;padding:.75rem}app-admin .specifications-editor label{color:var(--color-text-subtle);display:grid;font-size:.65rem;gap:.35rem}app-admin .specifications-editor label>input:not([type=checkbox]){background:var(--color-surface-raised);border:1px solid var(--color-border-strong);border-radius:6px;color:var(--color-text);min-width:0;padding:.65rem}app-admin .highlight-option{align-items:center!important;display:flex!important;padding-bottom:.65rem}app-admin .highlight-option input{accent-color:var(--color-cyan);height:16px;width:16px}app-admin .specification-actions{display:flex;gap:.3rem;padding-bottom:.2rem}app-admin .specification-actions button{background:var(--color-surface-hover);border:1px solid var(--color-border-strong);border-radius:6px;color:var(--color-info-text);cursor:pointer;padding:.48rem}app-admin .specification-actions button:disabled{cursor:not-allowed;opacity:.35}app-admin .specification-actions .remove-specification{border-color:var(--color-danger-border);color:var(--color-danger);font-size:.65rem}@media(max-width:1100px){app-admin .specifications-editor>article{grid-template-columns:1fr 1fr}}@media(max-width:600px){app-admin .specifications-editor>article{grid-template-columns:1fr}}app-technical .attachments-section{border-top:1px solid var(--color-border);margin-top:1.2rem;padding-top:1.2rem}app-technical .attachments-section app-ticket-attachment-gallery{margin-top:1rem}app-technical .no-attachments{color:var(--color-text-subtle);font-size:.75rem}app-technical .attachment-upload{align-items:center;background:var(--color-bg-deep);border:1px dashed var(--color-border-strong);display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1rem;padding:.75rem}app-technical .attachment-upload label{background:var(--color-info-bg);border:1px solid var(--color-info-border);color:var(--color-info-text);cursor:pointer;font-size:.72rem;font-weight:800;padding:.55rem .7rem}app-technical .attachment-upload input{height:1px;opacity:0;position:absolute;width:1px}app-technical .attachment-upload span{color:var(--color-text-muted);flex:1;font-size:.7rem;min-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}app-admin .file-button{touch-action:manipulation}app-admin .file-button:has(input:focus-visible){outline:var(--focus-outline);outline-offset:var(--focus-offset)}app-admin .stock-editor form>:is(app-input,app-textarea){display:block}app-admin .stock-editor form>button{width:100%}app-admin .order-total,app-admin .stock-numbers strong,app-admin .reserved strong,app-admin .stock-summary strong,app-admin .kpis article>strong{font-variant-numeric:tabular-nums}app-admin .customer,app-admin .product-row>span:last-child,app-admin .order-items span{min-width:0;overflow-wrap:anywhere}app-admin .product-image-grid button{min-height:44px;padding:.55rem 0}app-admin .taxonomy-list button,app-admin .cancel-edit,app-admin .specifications-editor>.section-label>button{min-height:44px}app-technical .attachment-upload label{min-height:44px}app-technical .attachment-upload label.disabled{cursor:not-allowed;opacity:.55}app-admin .collapse,app-admin .product-list>header button,app-admin .section-label>button,app-admin .section-label .file-button,app-admin .specification-actions button,app-admin .product-image-grid button,app-admin .taxonomy-list button,app-admin .cancel-edit{min-height:44px;min-width:44px}app-admin .product-image-grid span{min-width:0;overflow-wrap:anywhere}app-admin .order-summary:focus-visible{outline-offset:-4px}@media(max-width:760px){app-admin h1,app-admin h2,app-admin h3{scroll-margin-top:9rem}}app-admin :is(.admin-sidebar nav button,.status-list button,.filter-tabs button,.refresh,.order-summary,.product-row,.inventory-products>button){min-height:var(--control-min-height)}app-admin .proof-queue{margin:0 auto 1rem;max-width:1500px}app-admin .proof-queue>header>strong{align-items:center;background:var(--color-surface-active);border-radius:99px;color:var(--color-cyan);display:flex;height:2rem;justify-content:center;min-width:2rem}app-admin .proof-review{background:var(--color-sidebar);border:1px solid var(--color-border);border-radius:10px;margin-top:1rem;padding:1rem}app-admin .proof-summary{align-items:start;display:flex;gap:1rem;justify-content:space-between}app-admin .proof-summary>div{display:grid;gap:.25rem;min-width:0}app-admin .proof-summary span,app-admin .proof-summary small{color:var(--color-text-subtle);overflow-wrap:anywhere}app-admin .proof-summary>strong{color:var(--color-cyan);font-variant-numeric:tabular-nums;white-space:nowrap}app-admin .proof-previews{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:1rem}app-admin .proof-previews img{background:#fff;border:1px solid var(--color-border-strong);border-radius:8px;height:240px;object-fit:contain;width:100%}app-admin :is(.preview-status,.review-status){color:var(--color-text-subtle)}app-admin .proof-actions{display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-top:1rem}app-admin .proof-actions fieldset{border:1px solid var(--color-border-strong);display:grid;gap:.55rem;min-width:0;padding:1rem}app-admin .proof-actions legend{color:var(--color-text);font-weight:800;padding:0 .35rem}app-admin .proof-actions label{color:var(--color-text-subtle);font-size:.72rem;font-weight:700}app-admin .proof-actions :is(input,textarea){background:var(--color-surface-raised);border:1px solid var(--color-border-strong);border-radius:6px;color:var(--color-text);font:inherit;min-height:var(--control-min-height);padding:.6rem;width:100%}app-admin .proof-actions textarea{min-height:5rem;resize:vertical}app-admin .proof-actions :is(input,textarea):focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-offset)}app-admin .proof-actions button{justify-self:start;margin-top:.35rem}app-admin .proof-review-error{color:var(--color-danger-text);font-weight:700}@media(max-width:760px){app-admin .proof-actions{grid-template-columns:1fr}app-admin .proof-actions button{width:100%}app-admin .proof-summary{align-items:stretch;flex-direction:column}app-admin .proof-summary>strong{text-align:left}}app-admin .admin-modal-backdrop{align-items:center;background:var(--overlay-strong);display:flex;inset:0;justify-content:center;overscroll-behavior:contain;padding:1rem;position:fixed;z-index:1100}app-admin .admin-modal{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:16px;box-shadow:var(--shadow-lg);max-height:calc(100dvh - 2rem);max-width:580px;overflow:auto;overscroll-behavior:contain;padding:1.35rem;width:100%}app-admin .admin-modal>header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}app-admin .admin-modal h2{font-size:1.35rem;margin:.3rem 0 0}app-admin .modal-close{align-items:center;background:transparent;border:1px solid var(--color-border-strong);border-radius:8px;color:var(--color-text-muted);cursor:pointer;display:flex;flex:0 0 36px;font-size:1.3rem;height:36px;justify-content:center}app-admin .admin-modal form>fieldset,app-admin .cancellation-scope{border:0;margin:0;min-width:0;padding:0}app-admin .modal-description{color:var(--color-text-muted);font-size:.85rem;line-height:1.55;margin:1rem 0}app-admin .cancellation-scope{display:grid;gap:.55rem}app-admin .cancellation-scope legend{color:var(--color-text-muted);font-size:.72rem;font-weight:800;margin-bottom:.55rem}app-admin .cancellation-scope label{align-items:flex-start;background:var(--color-surface-raised);border:1px solid var(--color-border-strong);border-radius:10px;cursor:pointer;display:flex;gap:.7rem;padding:.8rem}app-admin .cancellation-scope label:has(input:checked){background:var(--color-surface-active);border-color:var(--color-cyan-strong)}app-admin .cancellation-scope input{accent-color:var(--color-cyan);margin-top:.2rem}app-admin .cancellation-scope span{display:grid;gap:.2rem}app-admin .cancellation-scope small{color:var(--color-text-subtle);font-size:.7rem}app-admin .admin-modal :is(app-select,app-input,app-textarea){display:block;margin-top:.75rem}app-admin .modal-error{color:var(--color-danger);font-size:.78rem;margin:.8rem 0 0}app-admin .admin-modal footer{border-top:1px solid var(--color-border);display:flex;gap:.55rem;justify-content:flex-end;margin-top:1.15rem;padding-top:1rem}app-admin .admin-modal :disabled{cursor:not-allowed}@media(max-width:480px){app-admin .admin-modal-backdrop{align-items:flex-end;padding:0}app-admin .admin-modal{border-bottom:0;border-radius:16px 16px 0 0;max-height:calc(100dvh - 1rem);padding:1.1rem 1.1rem calc(1.1rem + env(safe-area-inset-bottom))}app-admin .admin-modal footer{align-items:stretch;flex-direction:column}}