:root{--bg:#f4f3f0;--surface:#ffffff;--surface-soft:#faf9f7;--ink:#171512;--muted:#6d675e;--line:#e4e0d9;--line-strong:#d2cabd;--brand:#b77a16;--brand-dark:#7c500d;--brand-soft:#fff4da;--header:#0c0b09;--success:#147a45;--success-soft:#e9f7ef;--danger:#b3261e;--danger-soft:#fff0ef;--warning:#9b6200;--warning-soft:#fff5df;--info:#175cd3;--info-soft:#eef4ff;--shadow:0 8px 26px rgba(30,24,14,0.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);background:var(--bg);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{position:sticky;top:0;z-index:20;color:#fff;background:var(--header);border-bottom:1px solid rgba(255,255,255,0.09)}.header-inner{width:min(1180px,calc(100% - 32px));min-height:72px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:11px;color:#fff;text-decoration:none}.brand img{width:42px;height:42px;object-fit:contain}.brand strong{display:block;font-size:18px;letter-spacing:0.01em}.brand small{display:block;margin-top:2px;color:#b9b4ab;font-size:11px;letter-spacing:0.04em}.continue-link{display:inline-flex;align-items:center;gap:7px;color:#f2c66d;font-size:14px;font-weight:700;text-decoration:none}.continue-link:hover{color:#ffe5a6}.shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:34px 0 64px}.account-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:20px}.eyebrow{margin-bottom:7px;color:var(--brand-dark);font-size:12px;font-weight:800;letter-spacing:0.16em;text-transform:uppercase}.account-heading h1{margin:0;font-size:clamp(30px,4vw,44px);line-height:1.08;letter-spacing:-0.035em}.account-heading p{max-width:660px;margin:10px 0 0;color:var(--muted);font-size:15px;line-height:1.6}.order-tabs{flex:0 0 auto;display:inline-flex;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 3px 12px rgba(30,24,14,0.04)}.order-tabs a{min-width:112px;padding:10px 15px;border-radius:8px;color:var(--muted);font-size:14px;font-weight:750;text-align:center;text-decoration:none}.order-tabs a.active{color:#fff;background:var(--header)}.account-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px;padding:15px 18px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:0 3px 14px rgba(30,24,14,0.04)}.account-identity{display:flex;align-items:center;gap:12px}.account-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:var(--success);background:var(--success-soft);font-weight:900}.account-label{display:block;margin-bottom:3px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase}.account-bar strong{font-size:15px}.account-actions{display:flex;align-items:center;gap:10px}.text-button,.outline-button,.action-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 14px;border-radius:9px;font-weight:750;cursor:pointer;text-decoration:none;transition:transform 0.15s ease,border-color 0.15s ease,background 0.15s ease}.text-button{border:0;color:var(--brand-dark);background:transparent}.text-button:hover{background:var(--brand-soft)}.outline-button{border:1px solid var(--line-strong);color:var(--ink);background:#fff}.outline-button svg{width:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.outline-button:hover{border-color:var(--brand)}button:disabled{opacity:0.55;cursor:not-allowed}.orders-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:14px}.orders-toolbar h2,.tracking-intro h2{margin:0;font-size:20px;letter-spacing:-0.015em}.orders-toolbar p,.tracking-intro p{margin:4px 0 0;color:var(--muted);font-size:13px}.toolbar-controls{display:flex;align-items:center;gap:10px}.search-control,.select-control{position:relative;display:flex;align-items:center}.search-control svg{position:absolute;left:13px;width:18px;fill:none;stroke:#7a746b;stroke-width:1.8;stroke-linecap:round}.search-control input,.select-control select{height:44px;border:1px solid var(--line-strong);border-radius:10px;color:var(--ink);background:var(--surface);outline:none}.search-control input{width:min(300px,38vw);padding:0 14px 0 40px}.select-control select{min-width:160px;padding:0 36px 0 13px;cursor:pointer}.search-control input:focus,.select-control select:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(183,122,22,0.12)}.tracking-intro{display:flex;align-items:center;gap:14px;margin-bottom:14px}.tracking-intro-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;color:var(--brand-dark);background:var(--brand-soft)}.tracking-intro-icon svg{width:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.message{min-height:20px;margin:8px 0 14px;color:var(--muted);font-size:13px}.message.error{color:var(--danger)}.message.success{color:var(--success)}.orders{display:grid;gap:18px}.order-card{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}.order-card__top{display:grid;grid-template-columns:minmax(130px,0.8fr) minmax(100px,0.55fr) minmax(120px,0.7fr) minmax(190px,1.35fr);gap:18px;padding:15px 20px;border-bottom:1px solid var(--line);background:var(--surface-soft)}.order-meta-block span{display:block;margin-bottom:4px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:0.075em;text-transform:uppercase}.order-meta-block strong,.order-meta-block time{color:var(--ink);font-size:13px;font-weight:700;text-decoration:none}.order-number{text-align:right;overflow-wrap:anywhere}.order-number strong{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.order-card__body{padding:21px 20px 20px}.status-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.status-copy h3{margin:0;font-size:21px;letter-spacing:-0.02em}.status-copy p{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.5}.status-copy.success h3{color:var(--success)}.status-copy.danger h3{color:var(--danger)}.status-copy.warning h3{color:var(--warning)}.status-copy.info h3{color:var(--info)}.status-pill{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:800}.status-pill::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.status-pill.success{color:var(--success);background:var(--success-soft)}.status-pill.danger{color:var(--danger);background:var(--danger-soft)}.status-pill.warning{color:var(--warning);background:var(--warning-soft)}.status-pill.info{color:var(--info);background:var(--info-soft)}.product-row{display:grid;grid-template-columns:86px minmax(0,1fr) auto;gap:18px;align-items:center;padding:17px;border:1px solid var(--line);border-radius:13px;background:#fff}.product-thumb{display:grid;place-items:center;width:86px;height:86px;border:1px solid #ece6dc;border-radius:12px;background:linear-gradient(145deg,#15120d,#2b1d0b)}.product-thumb img{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 7px 12px rgba(0,0,0,0.3))}.product-info h4{margin:0 0 7px;font-size:16px;line-height:1.42}.product-info p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.product-actions{display:grid;gap:8px;min-width:145px}.action-button{border:1px solid var(--line-strong);color:var(--ink);background:var(--surface);font-size:13px}.action-button.primary{border-color:var(--brand);color:#241703;background:linear-gradient(180deg,#f4cf83,#e8b751)}.action-button:hover{transform:translateY(-1px)}.action-button.primary:hover{background:linear-gradient(180deg,#f9d995,#ecbc58)}.delivery-note{display:flex;align-items:center;gap:8px;margin-top:10px;color:var(--muted);font-size:12px}.delivery-note svg{width:16px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.order-progress{position:relative;display:grid;grid-template-columns:repeat(5,1fr);margin:26px 6px 5px}.order-progress::before{content:"";position:absolute;z-index:0;top:13px;left:10%;right:10%;height:3px;border-radius:999px;background:var(--line)}.progress-fill{position:absolute;z-index:1;top:13px;left:10%;height:3px;border-radius:999px;background:var(--success);transition:width 0.35s ease}.progress-step{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;color:#9d978e;font-size:11px;font-weight:700;text-align:center}.progress-dot{display:grid;place-items:center;width:28px;height:28px;border:3px solid var(--surface);border-radius:50%;color:transparent;background:#d8d3cb;box-shadow:0 0 0 1px #d8d3cb;font-size:12px;font-weight:900}.progress-step.done{color:var(--success)}.progress-step.done .progress-dot{color:#fff;background:var(--success);box-shadow:0 0 0 1px var(--success)}.progress-step.current .progress-dot{box-shadow:0 0 0 1px var(--success),0 0 0 5px var(--success-soft)}.order-details{margin-top:18px;border-top:1px solid var(--line)}.order-details summary{padding:15px 0 0;color:var(--brand-dark);font-size:13px;font-weight:800;cursor:pointer;list-style:none}.order-details summary::-webkit-details-marker{display:none}.order-details summary::after{content:" +"}.order-details[open] summary::after{content:" −"}.details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:13px}.detail-box{padding:13px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft)}.detail-box span{display:block;margin-bottom:5px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:0.07em;text-transform:uppercase}.detail-box strong,.detail-box p{margin:0;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.tracking-panel{margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:13px;background:var(--surface-soft)}.tracking-panel-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:14px}.tracking-panel h4{margin:0;font-size:16px}.tracking-panel-head p{margin:5px 0 0;color:var(--muted);font-size:12px}.eta{min-width:140px;text-align:right}.eta span{display:block;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:0.07em;text-transform:uppercase}.eta strong{display:block;margin-top:4px;font-size:13px}.tracking-events{position:relative;display:grid;gap:0;margin-top:6px}.tracking-event{position:relative;display:grid;grid-template-columns:18px 1fr;gap:12px;padding-bottom:17px}.tracking-event:last-child{padding-bottom:0}.tracking-event::before{content:"";position:absolute;top:15px;bottom:-2px;left:5px;width:2px;background:var(--line)}.tracking-event:last-child::before{display:none}.event-dot{position:relative;z-index:1;width:12px;height:12px;margin-top:3px;border:3px solid var(--surface-soft);border-radius:50%;background:#bbb4aa;box-shadow:0 0 0 1px #bbb4aa}.tracking-event:first-child .event-dot{background:var(--success);box-shadow:0 0 0 1px var(--success)}.event-copy strong{display:block;font-size:13px}.event-copy p{margin:3px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.no-tracking{display:flex;align-items:flex-start;gap:11px;margin-top:18px;padding:14px;border:1px solid #ead6a9;border-radius:11px;color:#76520d;background:var(--warning-soft);font-size:12px;line-height:1.55}.no-tracking strong{display:block;margin-bottom:2px}.no-tracking-icon{display:grid;place-items:center;flex:0 0 auto;width:24px;height:24px;border-radius:50%;color:#fff;background:var(--warning);font-weight:900}.empty{padding:48px 24px;border:1px dashed var(--line-strong);border-radius:16px;color:var(--muted);background:var(--surface);text-align:center}.empty-icon{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 13px;border-radius:50%;color:var(--brand-dark);background:var(--brand-soft);font-size:24px}.empty h3{margin:0 0 7px;color:var(--ink)}.empty p{margin:0 0 18px;font-size:13px}.skeleton-card{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.skeleton-top,.skeleton-body-line,.skeleton-product{background:linear-gradient(90deg,#ece9e4 25%,#f7f5f2 50%,#ece9e4 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}.skeleton-top{height:70px}.skeleton-body{padding:22px}.skeleton-body-line{height:18px;width:38%;border-radius:6px;margin-bottom:17px}.skeleton-product{height:112px;border-radius:12px}@keyframes shimmer{to{background-position:-200% 0}}@media (max-width:900px){.account-heading{align-items:flex-start;flex-direction:column;gap:18px}.order-tabs{width:100%}.order-tabs a{flex:1}.orders-toolbar{align-items:flex-start;flex-direction:column}.toolbar-controls{width:100%}.search-control{flex:1}.search-control input{width:100%}.order-card__top{grid-template-columns:repeat(2,1fr)}.order-number{text-align:left}.details-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:680px){.header-inner,.shell{width:min(100% - 22px,1180px)}.header-inner{min-height:64px}.brand img{width:37px;height:37px}.brand small{display:none}.continue-link{font-size:12px}.shell{padding-top:24px}.account-heading h1{font-size:32px}.account-heading p{font-size:14px}.account-bar{align-items:flex-start;flex-direction:column}.account-actions{width:100%}.account-actions .outline-button{flex:1}.account-actions .text-button{min-width:82px}.toolbar-controls{align-items:stretch;flex-direction:column}.select-control select{width:100%}.order-card__top{grid-template-columns:1fr 1fr;gap:14px;padding:14px 15px}.order-card__body{padding:18px 15px 16px}.status-summary{align-items:flex-start;flex-direction:column;gap:10px}.status-copy h3{font-size:19px}.product-row{grid-template-columns:72px minmax(0,1fr);gap:13px;padding:13px}.product-thumb{width:72px;height:72px}.product-thumb img{width:48px;height:48px}.product-actions{grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}.product-actions .single{grid-column:1 / -1}.order-progress{margin-inline:0;overflow-x:auto;padding:0 4px 6px}.order-progress::before{left:10%;right:10%}.progress-step{min-width:67px}.details-grid{grid-template-columns:1fr}.tracking-panel-head{flex-direction:column}.eta{text-align:left}}@media (max-width:420px){.continue-link span{display:none}.order-tabs a{min-width:0;padding-inline:9px}.order-card__top{grid-template-columns:1fr}.product-actions{grid-template-columns:1fr}.product-actions .single{grid-column:auto}}