.orders{max-width:760px;min-height:100vh;margin:0 auto;padding:40px 20px 80px}.orders__header{text-align:center;margin-bottom:32px}.orders__header h1{font-family:var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:#1a1a1a;font-size:14px;font-weight:700}.orders__topbar{border-bottom:1px solid #eaeaea;justify-content:space-between;align-items:center;margin-bottom:28px;padding-bottom:24px;display:flex}.orders__topbar-title{font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:#1a1a1a;margin:0 0 4px;font-size:16px;font-weight:700}.orders__topbar-phone{color:#71717a;margin:0;font-size:13px}.orders__signout-btn{color:#52525b;cursor:pointer;background:0 0;border:1px solid #e4e4e7;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .18s;display:inline-flex}.orders__signout-btn:hover{color:#18181b;background:#f4f4f5;border-color:#d4d4d8}.orders__auth-card{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;max-width:440px;margin:0 auto;padding:36px 28px;box-shadow:0 4px 20px -2px #0000000d}.orders__auth-icon-badge{color:#18181b;background:#f4f4f5;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:20px;display:inline-flex}.orders__auth-title{font-family:var(--font-body);color:#111827;margin:0 0 8px;font-size:20px;font-weight:700}.orders__auth-subtitle{color:#6b7280;margin:0 0 24px;font-size:14px;line-height:1.5}.orders__change-phone-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;margin-top:-16px;margin-bottom:20px;padding:4px 8px;font-size:13px;font-weight:500;text-decoration:underline;display:inline-block}.orders__change-phone-btn:hover{color:#1d4ed8}.orders__alert{text-align:left;border-radius:8px;align-items:center;gap:8px;margin-bottom:20px;padding:10px 14px;font-size:13px;display:flex}.orders__alert--error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.orders__auth-form{flex-direction:column;gap:14px;display:flex}.orders__phone-group{background:#fff;border:1.5px solid #d1d5db;border-radius:10px;align-items:center;padding:4px 12px;transition:border-color .16s,box-shadow .16s;display:flex}.orders__phone-group:focus-within{border-color:#18181b;box-shadow:0 0 0 3px #18181b14}.orders__phone-prefix{color:#374151;border-right:1px solid #e5e7eb;align-items:center;gap:8px;padding-right:12px;font-size:15px;font-weight:600;display:flex}.orders__flag{border-radius:2px;box-shadow:0 0 1px #0003}.orders__phone-input{color:#111827;letter-spacing:.05em;background:0 0;border:none;outline:none;flex:1;padding:10px 12px;font-size:16px;font-weight:500}.orders__phone-input::placeholder{color:#9ca3af;letter-spacing:normal;font-weight:400}.orders__submit-btn{color:#fff;cursor:pointer;background:#18181b;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px 20px;font-size:14px;font-weight:600;transition:all .16s;display:flex}.orders__submit-btn:hover:not(:disabled){background:#000;transform:translateY(-1px)}.orders__submit-btn:disabled{opacity:.55;cursor:not-allowed}.orders__auth-divider{text-align:center;align-items:center;margin:4px 0;display:flex}.orders__auth-divider:before,.orders__auth-divider:after{content:"";border-bottom:1px solid #e5e7eb;flex:1}.orders__auth-divider span{color:#9ca3af;letter-spacing:.08em;padding:0 10px;font-size:12px;font-weight:600}.orders__whatsapp-btn{color:#15803d;cursor:pointer;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 20px;font-size:14px;font-weight:600;transition:all .16s;display:flex}.orders__whatsapp-btn:hover:not(:disabled){background:#dcfce7;border-color:#86efac}.orders__whatsapp-btn:disabled{opacity:.5;cursor:not-allowed}.orders__auth-trust{color:#9ca3af;justify-content:center;align-items:center;gap:6px;margin-top:20px;font-size:12px;display:flex}.orders__otp-container{justify-content:center;gap:12px;margin:12px 0 24px;display:flex}.orders__otp-box{text-align:center;color:#111827;background:#fff;border:1.5px solid #d1d5db;border-radius:10px;outline:none;width:52px;height:58px;font-size:24px;font-weight:700;transition:all .16s}.orders__otp-box:focus{border-color:#18181b;transform:translateY(-1px);box-shadow:0 0 0 3px #18181b1a}.orders__resend-section{color:#6b7280;margin-top:20px;font-size:13px}.orders__resend-timer strong{color:#111827}.orders__resend-actions{justify-content:center;align-items:center;gap:10px;display:flex}.orders__resend-link{color:#2563eb;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:4px;font-size:13px;font-weight:500;display:inline-flex}.orders__resend-link:hover{text-decoration:underline}.orders__resend-link--whatsapp{color:#15803d}.orders__resend-divider{color:#d1d5db}.orders__list{flex-direction:column;gap:18px;display:flex}.orders__item{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:22px;transition:border-color .16s,box-shadow .16s}.orders__item:hover{border-color:#d4d4d8;box-shadow:0 4px 16px #0000000a}.orders__item-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;padding-bottom:16px;display:flex}.orders__order-id{font-family:var(--font-body);color:#111827;letter-spacing:.02em;margin-bottom:2px;font-size:14px;font-weight:700;display:block}.orders__item-date{color:#9ca3af;font-size:12px}.orders__delivery-badge{color:#0369a1;background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;align-items:center;gap:5px;margin-top:6px;padding:3px 8px;font-size:12px;display:inline-flex}.orders__delivery-badge strong{color:#0c4a6e}.orders__status{text-transform:uppercase;letter-spacing:.06em;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700}.orders__status--success{color:#166534;background:#dcfce7}.orders__status--error{color:#991b1b;background:#fee2e2}.orders__status--info{color:#1e40af;background:#dbeafe}.orders__status--pending{color:#92400e;background:#fef3c7}.orders__items-preview{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.orders__item-preview-card{align-items:center;gap:12px;display:flex}.orders__item-thumb{color:#9ca3af;background:#f4f4f5;border:1px solid #e5e7eb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.orders__item-thumb img{object-fit:cover;width:100%;height:100%}.orders__item-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.orders__item-title{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.orders__item-qty{color:#6b7280;font-size:12px}.orders__item-footer{border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding-top:14px;display:flex}.orders__footer-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.orders__total-label{color:#9ca3af;font-size:12px}.orders__total{color:#111827;font-size:16px;font-weight:700}.orders__payment-badge{color:#4b5563;background:#f3f4f6;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:500}.orders__view{color:#18181b;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:13px;font-weight:600;text-decoration:none;transition:all .16s;display:inline-flex}.orders__view:hover{color:#fff;background:#18181b;border-color:#18181b}.orders__empty{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;align-items:center;padding:60px 20px;display:flex}.orders__empty-icon{color:#71717a;background:#f4f4f5;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:20px;display:flex}.orders__empty h2{font-family:var(--font-body);color:#111827;margin:0 0 8px;font-size:20px;font-weight:700}.orders__empty p{color:#6b7280;max-width:340px;margin:0 0 24px;font-size:14px}.orders__cta{color:#fff;background:#18181b;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:13px;font-weight:600;text-decoration:none;transition:background .16s;display:inline-flex}.orders__cta:hover{background:#000}.orders__loading{color:#71717a;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 20px;display:flex}@media (max-width:640px){.orders{padding:24px 16px 80px}.orders__auth-card{padding:28px 20px}.orders__otp-box{width:46px;height:52px;font-size:20px}.orders__item-footer{flex-direction:column;align-items:flex-start;gap:12px}.orders__view{justify-content:center;width:100%}}