.orders-page{max-width:1040px;padding-top:2.75rem;padding-bottom:4rem}.orders-page__header{margin-bottom:2rem}.orders-page__eyebrow{color:#2563eb;letter-spacing:.14em;margin-bottom:.65rem;font-size:.7rem;font-weight:800;display:block}.orders-page__header .page-title{color:#0f172a;letter-spacing:-.04em;margin-bottom:.55rem;font-size:clamp(1.8rem,4vw,2.4rem)}.orders-page__header .page-subtitle{margin:0}.orders-page__state{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;align-items:center;gap:.85rem;padding:2rem;display:flex;box-shadow:0 10px 30px #0f172a0d}.orders-page__state p{color:#64748b;margin:0}.orders-page__state--error p{color:#dc2626}.orders-page__loader{border:3px solid #dbeafe;border-top-color:#2563eb;border-radius:50%;width:34px;height:34px;animation:.75s linear infinite orders-spin}.orders-page__table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 12px 35px #0f172a0f}.orders-page__table{border-collapse:collapse;width:100%}.orders-page__table thead{background:#f8fafc;border-bottom:1px solid #e2e8f0}.orders-page__table th{color:#64748b;letter-spacing:.08em;text-align:left;text-transform:uppercase;padding:.9rem 1.25rem;font-size:.68rem;font-weight:800}.orders-page__table td{color:#0f172a;border-top:1px solid #eef2f7;padding:1rem 1.25rem;font-size:.9rem}.orders-page__table tbody tr:hover{background:#fbfdff}.orders-page__table a{color:#2563eb;font-weight:700;text-decoration:none}.orders-page__table a:hover{color:#1d4ed8;text-decoration:underline}.orders-page__status{text-transform:capitalize;border-radius:999px;padding:.3rem .65rem;font-size:.75rem;font-weight:700;display:inline-block}.orders-page__status--unpaid{color:#b45309;background:#fef3c7}.orders-page__status--processing{color:#1d4ed8;background:#dbeafe}.orders-page__status--completed{color:#15803d;background:#dcfce7}.orders-page__status--unknown{color:#64748b;background:#f1f5f9}.orders-page__payments-link{background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;padding:.3rem .65rem;font-size:.75rem;text-decoration:none;display:inline-block}.orders-page__payments-link:hover{background:#dbeafe;text-decoration:none}@keyframes orders-spin{to{transform:rotate(360deg)}}@media (max-width:900px){.orders-page__table-wrap{overflow-x:auto}.orders-page__table{min-width:760px}}@media (max-width:620px){.orders-page{padding-top:1.5rem}}@media (prefers-reduced-motion:reduce){.orders-page__loader{animation:none}}