main{max-width:960px}h1{margin-bottom:6px}h2{letter-spacing:-.7px}p{line-height:1.6}.order-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;color:#5b6e60;margin:22px 0 16px}.mode{font-weight:650}.state-card{padding:clamp(24px,5vw,42px);background:#123d2d;color:#fff;border-radius:22px;position:relative;overflow:hidden}.state-card h2{font-size:clamp(27px,5vw,38px);line-height:1.15;margin:18px 0 12px;max-width:650px}.state-card>p{max-width:650px;color:#e4ece4}.state-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid #ffffff55;border-radius:30px;padding:7px 13px;font-size:12px;font-weight:750}.state-badge:before{content:'';width:7px;height:7px;border-radius:50%;background:#ecdd8e}.state-card[data-state=ready]{background:#24532d}.state-card[data-state=ready] .state-badge{background:#f1e7a5;color:#123d2d;border:0}.state-card[data-state=ready] .state-badge:before{background:#123d2d}.state-card[data-state=cancelled]{background:#633d32}.state-card[data-state=completed]{background:#3d5145}.eta-box{background:#ffffff10;border:1px solid #ffffff30;border-radius:14px;padding:20px;margin-top:24px}.eta-box>span{display:block;font-size:11px;font-weight:700;letter-spacing:1.5px}.eta-box>strong{display:block;font-size:clamp(24px,4vw,32px);margin-top:7px}.eta-box p{font-size:13px;margin-bottom:0;color:#e5ece4}.pickup-code{font-weight:800;letter-spacing:.7px}.tracking-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;list-style:none;margin:30px 0;gap:12px}.tracking-steps li{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#6b766d}.tracking-steps b{flex-shrink:0;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#e1e6dd}.tracking-steps span{font-weight:700;padding-top:4px}.tracking-steps small{font-size:10px;letter-spacing:0;font-weight:400;margin-top:5px}.tracking-steps .done b,.tracking-steps .current b{background:#123d2d;color:white}.tracking-steps .current b{outline:3px solid #d5dfca;outline-offset:3px}.tracking-steps .current{color:#123d2d}.tracking-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.account-card{margin:0 0 24px}.account-card h2{font-size:23px;margin-top:0}.pickup address{font-style:normal;font-weight:750;line-height:1.7}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 16px;border-radius:9px;font-size:13px;font-weight:750;text-decoration:none}.primary{background:#123d2d;color:#fff}.secondary{border:1px solid #bec9bf}.receipt-line{display:flex;gap:16px;justify-content:space-between;padding:16px 0;border-bottom:1px solid #e6e9e0;font-size:14px}.receipt-line>strong{white-space:nowrap}.receipt-line small{letter-spacing:0;line-height:1.5;margin-top:6px}.receipt-total{display:flex;justify-content:space-between;gap:16px;font-size:20px;padding-top:22px}.fine{font-size:12px;line-height:1.6;color:#617162}.sync-tools{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.sync-tools span{font-size:12px;color:#617162}.link-card{margin:26px 0;padding:24px;background:#e9eddf;border-radius:14px}.link-card h2{font-size:20px;margin:0}.link-card p{font-size:14px}#copyStatus{font-size:13px}.recover{margin-top:26px;border-top:1px solid #d6dfd2;padding:22px 0}.recover summary{cursor:pointer;font-weight:700;min-height:36px}.recover form{display:grid;gap:10px;max-width:650px;margin-top:18px}.recover label{font-size:13px}.recover input{width:100%;min-width:0}.recover button{justify-self:start}footer{display:flex;gap:20px;flex-wrap:wrap;padding:20px 0 40px;font-size:13px}.update-alert{background:#e1ebcd;padding:16px 20px;border:1px solid #c9d8b4;border-radius:12px;font-weight:750;margin:20px 0}#status{font-size:13px;color:#586c5b;min-height:44px}#status[data-error=true]{color:#8b432d}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b58d29;outline-offset:4px}[hidden]{display:none!important}@media(max-width:640px){main{padding:0 18px;margin-top:28px}header{padding:18px;gap:16px}header>a:last-child{font-size:12px}h1{font-size:36px}.tracking-grid{grid-template-columns:1fr;gap:0}.tracking-steps{grid-template-columns:1fr 1fr;gap:22px;margin:28px 5px}.state-card{border-radius:18px}.account-card{padding:22px}.order-meta{font-size:12px}.actions>*{flex:1}.sync-tools button{width:100%}.link-card button{width:100%}footer{flex-direction:column;gap:18px}}