.orders{--violet:#6d28d9;--violet-dark:#5b21b6;--violet-light:#ede7fb;--violet-faint:#f7f3ff;--green:#16a34a;--ink:#1f2030;--muted:#7a7c8a;--line:#ececf2;--page:#f6f5fa;--radius:14px;--shadow:0 1px 3px rgba(40,20,80,0.05),0 8px 26px rgba(40,20,80,0.05);background:var(--page);color:var(--ink);font-size:13px;line-height:1.45;min-height:60vh}.orders *{box-sizing:border-box}.orders .muted{color:var(--muted)}.orders .violet{color:var(--violet)}.orders .sm{font-size:11px}.orders .link{color:var(--violet);font-weight:700}.orders .ord-wrap{max-width:900px;margin:0 auto;padding:24px 16px 48px}.orders .ord-title{font-size:22px;font-weight:800;margin-bottom:18px}.orders .btn{font-family:inherit;font-weight:700;border:none;cursor:pointer;border-radius:9px;transition:.15s;display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none}.orders .btn-primary{background:var(--violet);color:#fff;padding:11px 22px;font-size:13px}.orders .btn-primary:hover{background:var(--violet-dark)}.orders .btn-outline{background:#fff;border:1.5px solid #ddd4f3;color:var(--violet);padding:8px 14px;font-size:12px}.orders .btn-outline:hover{background:var(--violet-faint)}.orders .btn-soft{background:var(--violet-light);color:var(--violet);padding:8px 14px;font-size:12px}.orders .btn-soft:hover{background:#e2d8fa}.orders .ord-state{padding:40px 0;text-align:center}.orders .ord-error{background:#fff1f0;color:#cf1322;border:1px solid #ffccc7;border-radius:9px;padding:12px 14px;font-weight:600}.orders .ord-empty{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:48px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.orders .ord-empty h2{font-size:18px;font-weight:800;margin-top:8px}.orders .ord-empty .btn{margin-top:10px}.orders .ord-list{display:flex;flex-direction:column;gap:16px}.orders .ord-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px}.orders .ord-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}.orders .ord-no{font-size:13px}.orders .badge,.orders .ord-no b{font-weight:800}.orders .badge{font-size:10.5px;padding:3px 10px;border-radius:20px;text-transform:capitalize;white-space:nowrap}.orders .badge.green{background:#e7f6ec;color:#16a34a}.orders .badge.blue{background:#e8f0fe;color:#2563eb}.orders .badge.amber{background:#fdf0dc;color:#d97706}.orders .badge.grey{background:#f1f1f4;color:#6b7280}.orders .ord-items{display:flex;flex-direction:column;gap:2px;padding:6px 0}.orders .ord-item{display:flex;align-items:center;gap:12px;padding:9px 0;border-top:1px solid var(--line)}.orders .ord-item:first-child{border-top:none}.orders .ord-img{width:48px;height:48px;border-radius:9px;background:linear-gradient(135deg,#f3edfd,#ece4fb);display:grid;place-items:center;flex:none;overflow:hidden}.orders .ord-img img{width:100%;height:100%;object-fit:contain}.orders .ord-img span{font-size:8px;font-weight:700;color:#a99cd0}.orders .ord-item-info{flex:1 1;min-width:0}.orders .ord-item-info b{font-size:12.5px;display:block;line-height:1.3}.orders .ord-item-info small{display:block}.orders .ord-item-price{font-size:13px;white-space:nowrap}.orders .ord-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--line)}.orders .ord-total b{font-size:15px}.orders .ord-actions{display:flex;gap:10px;flex-wrap:wrap}.orders .ord-help{margin-top:22px;display:flex;align-items:center;gap:6px;justify-content:center}@media(max-width:560px){.orders .ord-foot{flex-direction:column;align-items:stretch}.orders .ord-actions .btn{flex:1 1}}