@import "https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400;0,6..96,500;1,6..96,400&family=Hanken+Grotesk:wght@400;500;600&display=swap";.customer-track{--ct-bg:#1b0a0e;--ct-bg-raised:#240e14;--ct-surface:#32171f;--ct-line:#f3e9d821;--ct-line-strong:#f3e9d842;--ct-ivory:#f3e9d8;--ct-muted:#c4ae9f;--ct-brass:#cfa75e;--ct-brass-ink:#2a1608;--ct-orange:#e9963a;--ct-green:#86cfa6;--ct-red:#ee8b80;--ct-display:"Bodoni Moda", "Didot", "Bodoni 72", Georgia, serif;--ct-body:"Hanken Grotesk", "Helvetica Neue", Arial, sans-serif;background:var(--ct-bg);min-height:100vh;color:var(--ct-ivory);font:400 16px/1.55 var(--ct-body);padding:0 clamp(18px,5vw,32px) 56px}.customer-track,.customer-track *{box-sizing:border-box}.customer-track button,.customer-track input,.customer-track textarea{font:inherit}.customer-track :focus-visible{outline:2px solid var(--ct-brass);outline-offset:3px}.ct-wrap{max-width:600px;margin:0 auto}.ct-top{justify-content:space-between;align-items:baseline;gap:16px;padding:24px 0 8px;display:flex}.ct-shop{color:var(--ct-ivory);font:500 1.5rem/1.2 var(--ct-display)}.ct-top small{color:var(--ct-muted);font-variant-numeric:tabular-nums;font-size:.85rem}.customer-track h1{color:var(--ct-ivory);font:400 3.5rem/1 var(--ct-display);margin:32px 0 4px}.ct-for{color:var(--ct-muted);margin:0}.ct-steps{grid-template-columns:repeat(4,minmax(0,1fr));margin:30px 0 0;padding:0;list-style:none;display:grid}.ct-step{min-width:0;color:var(--ct-muted);overflow-wrap:anywhere;padding:22px 8px 0 0;font-size:.84rem;line-height:1.3;position:relative}.ct-step:before{background:var(--ct-line-strong);content:"";height:2px;position:absolute;top:5px;left:0;right:0}.ct-step:after{border:2px solid var(--ct-line-strong);background:var(--ct-bg);content:"";border-radius:50%;width:12px;height:12px;position:absolute;top:0;left:0}.ct-step.is-done{color:var(--ct-ivory)}.ct-step.is-done:before,.ct-step.is-done:after{border-color:var(--ct-brass);background:var(--ct-brass)}.ct-step.is-current{color:var(--ct-ivory);font-weight:600}.ct-step.is-current:before{background:linear-gradient(90deg, var(--ct-brass), var(--ct-line-strong) 70%)}.ct-step.is-current:after{border-color:var(--ct-orange);background:var(--ct-orange);box-shadow:0 0 0 5px #e9963a38}.ct-receipt{border-top:1px solid var(--ct-line-strong);margin-top:34px}.ct-due{border-bottom:1px solid var(--ct-line);flex-wrap:wrap;justify-content:space-between;align-items:end;gap:6px 20px;padding:22px 0 18px;display:flex}.ct-due-label{color:var(--ct-muted);font-size:.92rem}.ct-due-amount{color:var(--ct-orange);font:400 3rem/1.05 var(--ct-display);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.ct-pill{color:var(--ct-brass);background:#cfa75e29;border-radius:999px;padding:3px 12px;font-size:.82rem;font-weight:600;display:inline-block}.ct-pill[data-status=pending_quote]{color:var(--ct-orange);background:#e9963a29}.ct-pill[data-status=customer_approved],.ct-pill[data-status=ready]{color:var(--ct-green);background:#86cfa626}.ct-pill[data-status=delivered]{color:var(--ct-muted);background:#f3e9d81a}.ct-lines{margin:0;padding:0}.ct-line{border-bottom:1px solid var(--ct-line);justify-content:space-between;gap:16px;padding:14px 0;display:flex}.ct-line dt{color:var(--ct-muted)}.ct-line dd{text-align:right;overflow-wrap:anywhere;margin:0}.ct-line small{color:var(--ct-muted);font-size:.82rem;display:block}.ct-num{font-variant-numeric:tabular-nums}.ct-state-message,.ct-state-panel{color:var(--ct-muted);margin:18px 0 0}.ct-state-panel{border-top:1px solid var(--ct-line);gap:16px;padding-top:18px;display:grid}.ct-state-panel>p{color:var(--ct-ivory);margin:0}.ct-quote-lines .ct-line:last-child dd{font-weight:600}.ct-button{border:1px solid var(--ct-brass);background:var(--ct-brass);width:fit-content;max-width:100%;color:var(--ct-brass-ink);cursor:pointer;text-align:center;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-weight:600;text-decoration:none;transition:background .18s,transform .18s;display:inline-flex}.ct-button:hover:not(:disabled){background:#dcb874;transform:translateY(-1px)}.ct-button:disabled{border-color:var(--ct-line);color:var(--ct-muted);cursor:not-allowed;background:#f3e9d81f}.ct-button-ghost{border-color:var(--ct-line-strong);color:var(--ct-ivory);background:0 0}.ct-button-ghost:hover:not(:disabled){border-color:var(--ct-brass);color:var(--ct-brass);background:0 0}.ct-error{color:var(--ct-red);margin:0}.ct-custom-fields{border-top:1px solid var(--ct-line);margin-top:8px}.ct-references{margin-top:52px}.customer-order-attachments>h3{color:var(--ct-ivory);font:400 2rem/1.1 var(--ct-display);margin:0 0 6px}.ct-references-lead{max-width:30rem;color:var(--ct-muted);margin:0 0 20px}.ct-attachment-empty{color:var(--ct-muted);margin:0 0 12px;font-size:.9rem}.ct-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.ct-tile{align-content:start;gap:8px;min-width:0;margin:0;display:grid}.ct-tile-image,.ct-tile-unavailable,.ct-add-photo{aspect-ratio:4/5;border:1px solid var(--ct-line);background:var(--ct-bg-raised);border-radius:14px;width:100%;display:block;overflow:hidden}.ct-tile-image{object-fit:cover;cursor:zoom-in}.ct-tile-unavailable{color:var(--ct-muted);text-align:center;place-items:center;font-size:.82rem;display:grid}.ct-tile-caption{justify-items:start;gap:6px;min-width:0;display:grid}.ct-tile-caption p{color:var(--ct-muted);overflow-wrap:anywhere;margin:0;font-size:.9rem}.ct-sent{background:var(--ct-green);color:#0f2a1b;border-radius:999px;padding:2px 10px;font-size:.75rem;font-weight:600}.ct-add-photo{border:1.5px dashed var(--ct-brass);cursor:pointer;text-align:center;background:#cfa75e12;align-content:center;justify-items:center;gap:6px;padding:16px;transition:background .18s;display:grid;position:relative}.ct-add-photo:hover{background:#cfa75e26}.ct-add-photo svg{width:28px;height:28px;color:var(--ct-brass)}.ct-add-photo strong{overflow-wrap:anywhere;max-width:100%;font-weight:600}.ct-add-photo span{color:var(--ct-muted);font-size:.84rem}.ct-add-photo:focus-within{outline:2px solid var(--ct-brass);outline-offset:3px}.ct-upload-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;margin-top:18px;display:grid}.ct-field-label{color:var(--ct-muted);margin-bottom:6px;font-size:.9rem;display:block}.customer-track .ct-caption-input{border:1px solid var(--ct-line);background:var(--ct-bg);width:100%;min-height:42px;color:var(--ct-ivory);border-radius:10px;padding:9px 12px}.ct-caption-input::placeholder{color:#c4ae9f99}.ct-caption-input:focus{border-color:var(--ct-brass);box-shadow:0 0 0 3px #cfa75e2e}.ct-upload-form .ct-button{white-space:nowrap;min-height:42px;padding:9px 16px}.ct-footer{border-top:1px solid var(--ct-line);color:var(--ct-muted);margin-top:56px;padding-top:18px;font-size:.85rem}.ct-footer b{color:var(--ct-ivory);font:500 1rem var(--ct-display);letter-spacing:.2em}.ct-state-panel .rounded-2xl{border-color:var(--ct-line);background:var(--ct-bg-raised);width:fit-content;color:var(--ct-ivory);border-radius:12px}.ct-state-panel .text-muted-foreground{color:var(--ct-muted)}.ct-state-panel .text-foreground{color:var(--ct-ivory)}.ct-page-state{place-items:center;padding:24px;display:grid}.ct-page-state>div,.ct-page-state>p{max-width:600px;color:var(--ct-muted);text-align:center;margin:0}.ct-page-state h1{margin:0;font-size:2rem}.ct-page-state p{margin-top:8px}.ct-preview{z-index:50;cursor:zoom-out;background:#0a0305e6;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.ct-preview>div{justify-content:center;align-items:center;max-width:100%;max-height:88vh;display:flex;position:relative}.ct-preview img{object-fit:contain;border-radius:8px;max-width:100%;max-height:88vh}.ct-preview button{border:1px solid var(--ct-line-strong);background:var(--ct-bg-raised);width:36px;height:36px;color:var(--ct-ivory);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:absolute;top:-42px;right:0}.ct-preview button svg{width:18px;height:18px}@media (width>=560px){.ct-board{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=420px){.customer-track h1{font-size:2.8rem}.ct-step{padding-right:5px;font-size:.78rem}.ct-due-amount{font-size:2.5rem}.ct-upload-form{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.customer-track *,.customer-track :before,.customer-track :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}