:root{--color-primary:#0f172a;--color-secondary:#334155;--color-cta:#0369a1;--color-cta-hover:#0284c7;--color-bg:#f8fafc;--color-bg-card:#fff;--color-text:#020617;--color-text-secondary:#475569;--color-text-muted:#64748b;--color-border:#e2e8f0;--color-success:#16a34a;--color-warning:#d97706;--color-error:#dc2626;--font-heading:"Poppins", sans-serif;--font-body:"Open Sans", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px}.page{min-height:100vh;padding-bottom:env(safe-area-inset-bottom,0)}.page-header{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e3a5f 100%);padding:24px 20px 20px}.page-header__title{font-family:var(--font-heading);margin-bottom:4px;font-size:20px;font-weight:600}.page-header__subtitle{color:#ffffffb3;font-size:13px}.page-body{padding:16px}.card{background:var(--color-bg-card);border-radius:12px;margin-bottom:12px;padding:16px;box-shadow:0 1px 3px #0000000a}.card__title{font-family:var(--font-heading);color:var(--color-primary);align-items:center;gap:8px;margin-bottom:12px;font-size:15px;font-weight:600;display:flex}.card__title:before{content:"";background:var(--color-cta);border-radius:2px;width:3px;height:16px;display:inline-block}.info-row{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.info-row:last-child{border-bottom:none}.info-row__label{color:var(--color-text-muted);font-size:13px}.info-row__value{color:var(--color-text);font-size:14px;font-weight:500}.info-row__value--highlight{color:var(--color-cta);font-size:18px;font-weight:700;font-family:var(--font-heading)}.item-list{margin-top:8px}.item-row{border-bottom:1px dashed var(--color-border);align-items:center;padding:10px 0;font-size:13px;display:flex}.item-row:last-child{border-bottom:none}.item-row__name{color:var(--color-text);flex:1;line-height:1.4}.item-row__qty{text-align:center;width:60px;color:var(--color-text-muted)}.item-row__price{text-align:right;width:80px;color:var(--color-text);font-weight:500}.btn-primary{background:var(--color-cta);color:#fff;width:100%;font-size:16px;font-weight:600;font-family:var(--font-body);cursor:pointer;text-align:center;border:none;border-radius:10px;padding:14px;transition:background .2s;display:block}.btn-primary:active{background:var(--color-cta-hover)}.btn-primary:disabled{cursor:not-allowed;background:#94a3b8}.btn-outline{width:100%;color:var(--color-cta);border:1.5px solid var(--color-cta);font-size:16px;font-weight:600;font-family:var(--font-body);cursor:pointer;text-align:center;background:0 0;border-radius:10px;padding:14px;transition:all .2s;display:block}.btn-outline:active{background:#0369a10f}.status-badge{border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.status-badge--pending{color:#92400e;background:#fef3c7}.status-badge--processing{color:#1e40af;background:#dbeafe}.status-badge--success{color:#166534;background:#dcfce7}.status-badge--failed{color:#991b1b;background:#fee2e2}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-state__icon{opacity:.4;width:80px;height:80px;margin-bottom:16px}.empty-state__text{color:var(--color-text-muted);font-size:15px;line-height:1.6}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}