.trk-page{background:var(--ink);min-height:100vh}.trk-header{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);padding:0 var(--space-5);padding-top:env(safe-area-inset-top,0px);height:calc(64px + env(safe-area-inset-top,0px));align-items:center;gap:var(--space-4);background:#111117e0;display:flex;position:sticky;top:0}.trk-back{color:var(--text3);font-size:var(--text-sm);transition:color var(--t-dur);flex-shrink:0;align-items:center;gap:6px;font-weight:500;text-decoration:none;display:inline-flex}.trk-back:hover{color:var(--gold)}.trk-header-title{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-weight:600;overflow:hidden}.trk-container{max-width:600px;padding:var(--space-6) var(--space-4) calc(var(--space-16) + env(safe-area-inset-bottom,0px));gap:var(--space-4);flex-direction:column;margin:0 auto;display:flex}.trk-refresh-indicator{font-size:var(--text-xs);color:var(--text3);font-variant-numeric:tabular-nums;flex-shrink:0;align-items:center;gap:6px;display:flex}.trk-refresh-spinner{border:2px solid var(--line2);border-top-color:#22c55e;border-radius:50%;flex-shrink:0;width:13px;height:13px}.trk-refresh-spinner.is-spinning{animation:.75s linear infinite trk-spin}@keyframes trk-spin{to{transform:rotate(360deg)}}.trk-hero{background:var(--ink2);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--space-8) var(--space-6);text-align:center;position:relative;overflow:hidden}.trk-hero:before{content:"";background:radial-gradient(ellipse at 50% -20%, var(--hero-glow,transparent) 0%, transparent 65%);pointer-events:none;position:absolute;inset:0}.trk-hero-icon{margin-bottom:var(--space-4);filter:drop-shadow(0 4px 16px #00000080);font-size:52px;line-height:1;display:block}.trk-hero-status{font-family:var(--font-heading);letter-spacing:-.01em;margin:0 0 var(--space-2);font-size:1.8rem;font-weight:700;line-height:1.1}.trk-hero-sub{font-size:var(--text-sm);color:var(--text2);text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin:0;line-height:1.5;overflow:hidden}.trk-customer-bar{justify-content:space-between;align-items:center;gap:var(--space-3);background:var(--ink2);border:1px solid var(--line);border-radius:var(--r);padding:var(--space-3) var(--space-5);flex-wrap:wrap;display:flex}.trk-customer-name{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--text);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.trk-status-badge{font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:4px 12px;font-weight:700;display:inline-flex}.trk-status-dot{background:currentColor;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite trk-dot-blink}@keyframes trk-dot-blink{0%,to{opacity:1}50%{opacity:.35}}.trk-order-card{background:var(--ink2);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}.trk-order-card__accent{background:linear-gradient(90deg, var(--gold), var(--gold-l,#d4a94e));height:3px}.trk-order-card__meta{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.trk-order-id{font-size:var(--text-xs);color:var(--text3);text-transform:uppercase;letter-spacing:.1em}.trk-order-type{font-size:var(--text-sm);color:var(--text2)}.trk-order-date{font-size:var(--text-xs);color:var(--text3);width:100%}.trk-order-address{font-size:var(--text-sm);color:var(--text2);width:100%;line-height:1.4}.trk-stepper-section{padding:var(--space-6) var(--space-4) var(--space-5)}.trk-stepper{scrollbar-width:none;-ms-overflow-style:none;padding:10px var(--space-2) var(--space-3);align-items:flex-start;display:flex;overflow-x:auto}.trk-stepper::-webkit-scrollbar{display:none}.trk-step{align-items:center;gap:var(--space-2);flex-direction:column;flex:1;min-width:56px;display:flex;position:relative}.trk-step:not(:last-child):after{content:"";background:var(--line2);border-radius:1px;height:2px;transition:background .4s;position:absolute;top:15px;left:calc(50% + 17px);right:calc(17px - 50%)}.trk-step.is-done:not(:last-child):after{background:#22c55e;box-shadow:0 0 6px #22c55e66}.trk-step-dot{z-index:1;border:2px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:box-shadow .3s,background .3s,border-color .3s;display:flex;position:relative}.trk-dot-pulse{pointer-events:none;border:2px solid;border-radius:50%;animation:2s ease-in-out infinite trk-ring-pulse;position:absolute;inset:-7px}@keyframes trk-ring-pulse{0%,to{opacity:.08;transform:scale(1)}50%{opacity:.25;transform:scale(1.1)}}.trk-step-label{font-size:var(--text-2xs);text-align:center;max-width:72px;min-height:2.6em;padding:0 4px;line-height:1.25;transition:color .3s,font-weight .2s}.trk-stepper-microcopy{text-align:center;font-size:var(--text-sm);margin-top:var(--space-4);padding:0 var(--space-2);line-height:1.5;transition:color .3s}.trk-order-card__items{border-top:1px solid var(--line);padding:var(--space-5)}.trk-items-title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text3);margin:0 0 var(--space-3);font-weight:600}.trk-items-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.trk-item{padding:var(--space-2) 0;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.trk-item:last-child{border-bottom:none}.trk-item-info{align-items:center;gap:var(--space-3);min-width:0;display:flex}.trk-item-qty{font-size:var(--text-xs);color:var(--gold);text-align:center;background:#c8a84b1f;border:1px solid #c8a84b38;border-radius:4px;flex-shrink:0;min-width:30px;padding:2px 8px;font-weight:700}.trk-item-name{font-size:var(--text-sm);color:var(--text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.trk-item-price{font-size:var(--text-sm);color:var(--text2);white-space:nowrap;flex-shrink:0}.trk-order-card__footer{background:var(--ink3);border-top:1px solid var(--line);padding:var(--space-4) var(--space-5);justify-content:space-between;align-items:center;display:flex}.trk-total-label{font-size:var(--text-xs);color:var(--text3);text-transform:uppercase;letter-spacing:.1em;font-weight:600}.trk-total-value{font-family:var(--font-display);color:var(--gold);letter-spacing:-.01em;font-size:1.4rem}.trk-refresh-bar-wrap{background:var(--ink4);border-radius:0 0 var(--r-lg) var(--r-lg);height:2px;margin-top:-4px;overflow:hidden}.trk-refresh-bar{background:#22c55e;height:100%;animation:10s linear forwards trk-bar-drain;box-shadow:0 0 8px #22c55e99}@keyframes trk-bar-drain{0%{width:100%}to{width:0%}}.trk-skeleton{background:var(--ink2);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--space-8) var(--space-6);gap:var(--space-4);flex-direction:column;display:flex}.trk-skeleton-bar{background:linear-gradient(90deg, var(--ink3) 25%, var(--ink4) 50%, var(--ink3) 75%);background-size:200% 100%;border-radius:6px;height:12px;animation:1.4s infinite trk-shimmer}@keyframes trk-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.trk-finished{background:var(--ink2);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--space-10) var(--space-6);align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;display:flex}.trk-finished-icon{font-size:3rem;line-height:1}.trk-finished-icon--cancel{color:#ef4444;background:#ef44441a;border:2px solid #ef444433;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.5rem;display:flex}.trk-finished-title{font-family:var(--font-heading);font-size:var(--text-3xl);color:var(--text);margin:0;font-weight:700}.trk-finished-sub{font-size:var(--text-base);color:var(--text2);max-width:340px;margin:0;line-height:1.6}.trk-bom-apetite{font-family:var(--font-heading);font-size:var(--text-2xl);font-style:italic;color:var(--gold)!important}.trk-finished-actions{gap:var(--space-3);width:100%;max-width:360px;margin-top:var(--space-2);flex-direction:column;display:flex}.trk-lookup{background:var(--ink2);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--space-8) var(--space-6);align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;display:flex}.trk-lookup-form{gap:var(--space-3);width:100%;margin-top:var(--space-2);flex-direction:column;display:flex}.trk-lookup-title{font-family:var(--font-heading);font-size:var(--text-2xl);color:var(--text);margin:0}.trk-lookup-sub{font-size:var(--text-sm);color:var(--text2);max-width:320px;margin:0;line-height:1.5}.trk-field{gap:var(--space-2);text-align:left;flex-direction:column;display:flex}.trk-label{font-size:var(--text-sm);color:var(--text2);font-weight:500}.trk-input{box-sizing:border-box;background:var(--ink3);border:1px solid var(--line2);border-radius:var(--r-sm);width:100%;color:var(--text);font-family:var(--font-body);font-size:var(--text-base);outline:none;padding:12px 16px;transition:border-color .2s}.trk-input::placeholder{color:var(--text3)}.trk-input:focus{border-color:var(--gold)}.trk-form-error{font-size:var(--text-sm);color:var(--red);padding:var(--space-2) var(--space-3);border-radius:var(--r-sm);text-align:left;background:#df204014;border:1px solid #df204033;margin:0}.trk-error-banner{background:var(--ink3);border-radius:var(--r);padding:var(--space-4);align-items:flex-start;gap:var(--space-3);border:1px solid #f59e0b40;flex-wrap:wrap;display:flex}@media (max-width:400px){.trk-retry-btn{justify-content:center;width:100%}}.trk-error-icon{color:#f59e0b;flex-shrink:0;padding-top:1px;font-size:1.1rem}.trk-error-body{flex-direction:column;flex:1;gap:4px;display:flex}.trk-error-msg{font-size:var(--text-sm);color:var(--text2)}.trk-error-last{font-size:var(--text-xs);color:var(--text3)}.trk-retry-btn{border:1px solid var(--line2);border-radius:var(--r-sm);color:var(--text2);font-size:var(--text-xs);font-family:var(--font-body);cursor:pointer;white-space:nowrap;background:0 0;flex-shrink:0;min-height:44px;padding:10px 14px;transition:border-color .2s,color .2s}.trk-retry-btn:hover{border-color:var(--gold);color:var(--gold)}.trk-btn{padding:13px var(--space-5);border-radius:var(--r-sm);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;letter-spacing:.01em;box-sizing:border-box;border:none;justify-content:center;align-items:center;gap:6px;font-weight:600;text-decoration:none;transition:opacity .2s,transform .15s;display:flex}.trk-btn:active{transform:scale(.98)}.trk-btn:disabled{opacity:.55;cursor:not-allowed}.trk-btn--full{width:100%}.trk-btn--primary{background:linear-gradient(135deg, var(--gold) 0%, #a8872e 100%);color:var(--ink)}.trk-btn--primary:hover{opacity:.9}.trk-btn--ghost{border:1px solid var(--line2);color:var(--text2);background:0 0}.trk-btn--ghost:hover{border-color:var(--gold);color:var(--gold)}@media (min-width:600px){.trk-container{padding:var(--space-8) var(--space-6) var(--space-16)}.trk-finished-actions{flex-direction:row;max-width:100%}}@media (prefers-reduced-motion:reduce){.trk-dot-pulse,.trk-refresh-spinner.is-spinning,.trk-refresh-bar,.trk-skeleton-bar{animation:none!important}}