.op-root{max-width:900px;margin:0 auto;padding:36px 5vw 80px}.op-header{margin-bottom:28px}.op-title{font-family:var(--font-display);color:var(--text-dark);font-size:1.8rem;font-weight:700}.op-subtitle{color:#888;margin-top:4px;font-size:.9rem}.op-badge{letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;border-radius:100px;align-items:center;gap:6px;padding:5px 12px;font-size:.72rem;font-weight:700;display:inline-flex}.op-badge--pending{color:#a86a00;background:#ffb7032e}.op-badge--active{color:var(--crimson);background:#ac000017}.op-badge--success{color:#1e7a1e;background:#228b221f}.op-badge--stopped{color:#666;background:#00000014}.op-list{flex-direction:column;gap:14px;display:flex}.op-card{background:#fff;border:1px solid #ac00001a;border-radius:16px;padding:20px 22px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:block}.op-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px #00000014}.op-card__top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.op-card__vendor{font-family:var(--font-display);color:var(--text-dark);font-size:1.05rem;font-weight:700}.op-card__date{color:#999;margin-top:2px;font-size:.78rem}.op-card__items{color:#777;margin-bottom:10px;font-size:.85rem}.op-card__foot{justify-content:space-between;align-items:center;display:flex}.op-card__total{font-family:var(--font-display);color:var(--crimson);font-weight:700}.op-card__arrow{color:#bbb;font-size:1.1rem}.op-detail{max-width:640px;margin:0 auto;padding:36px 5vw 80px}.op-back-link{color:var(--crimson);align-items:center;gap:6px;margin-bottom:20px;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.op-back-link:hover{text-decoration:underline}.op-detail__header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:6px;display:flex}.op-detail__vendor{font-family:var(--font-display);color:var(--text-dark);font-size:1.5rem;font-weight:700}.op-detail__id{color:#999;margin-bottom:28px;font-size:.8rem}.op-journey{background:#fff;border:1px solid #ac00001a;border-radius:16px;margin-bottom:20px;padding:22px 24px}.op-journey--stopped{background:#00000005;border-color:#0000001f}.op-journey__stopped-label{font-family:var(--font-display);color:#666;font-weight:700}.op-journey__step{align-items:center;gap:12px;padding:8px 0;display:flex;position:relative}.op-journey__dot{color:#0000;background:#fff;border:2px solid #ddd;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.65rem;transition:background .2s,border-color .2s,color .2s;display:flex}.op-journey__step--done .op-journey__dot{background:var(--crimson);border-color:var(--crimson);color:#fff}.op-journey__step--current .op-journey__dot{border-color:var(--crimson)}.op-journey__label{color:#999;font-size:.9rem;font-weight:600}.op-journey__step--done .op-journey__label,.op-journey__step--current .op-journey__label{color:var(--text-dark)}.op-journey__line{background:#eee;width:2px;height:calc(100% - 8px);position:absolute;top:28px;left:9px}.op-journey__step--done .op-journey__line{background:var(--crimson)}.op-section-title{font-family:var(--font-display);color:var(--text-dark);margin-bottom:12px;font-size:.95rem;font-weight:700}.op-items{background:#fff;border:1px solid #ac00001a;border-radius:16px;margin-bottom:20px;padding:6px 22px}.op-item-row{border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.op-item-row:last-child{border-bottom:none}.op-item-row__name{color:var(--text-dark);font-size:.9rem;font-weight:600}.op-item-row__qty{color:#999;font-size:.8rem}.op-item-row__price{color:var(--text-dark);flex-shrink:0;font-size:.9rem;font-weight:700}.op-summary{background:#fff;border:1px solid #ac00001a;border-radius:16px;margin-bottom:20px;padding:18px 22px}.op-summary__row{color:#777;justify-content:space-between;align-items:center;padding:4px 0;font-size:.85rem;display:flex}.op-summary__row--total{font-family:var(--font-display);color:var(--text-dark);border-top:1px solid #00000014;margin-top:6px;padding-top:12px;font-size:1.05rem;font-weight:700}.op-address{color:#777;font-size:.85rem}.op-cancel-btn{width:100%;color:var(--crimson);font-family:var(--font-body);cursor:pointer;background:0 0;border:2px solid #ac00004d;border-radius:10px;padding:13px;font-size:.9rem;font-weight:700;transition:background .2s,color .2s}.op-cancel-btn:hover{background:var(--crimson);color:#fff}.op-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.op-error{color:var(--crimson);margin-bottom:12px;font-size:.82rem}@media (max-width:640px){.op-root,.op-detail{padding:24px 4vw 60px}}