.orders-page{background:radial-gradient(circle at top right, #2563eb1f, transparent 30%), var(--y-black);min-height:56vh}.orders-shell{gap:22px;display:grid}.orders-hero,.orders-panel{border:1px solid var(--y-border-dark);background:var(--y-surface);box-shadow:var(--y-shadow-md);border-radius:22px}.orders-hero{justify-content:space-between;align-items:flex-start;gap:20px;padding:clamp(22px,4vw,34px);display:flex}.orders-hero__eyebrow,.orders-panel__eyebrow{color:var(--y-accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:800}.orders-hero__title,.orders-panel__title{color:var(--y-white);margin:0}.orders-hero__title{font-size:clamp(28px,4vw,42px);line-height:1.05}.orders-hero__subtitle{max-width:62ch;color:var(--y-text-secondary);margin:12px 0 0}.orders-hero__actions{flex-wrap:wrap;flex-shrink:0;gap:10px;display:flex}.orders-panel{padding:clamp(18px,3vw,28px)}.orders-panel__header{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:20px;display:flex}.orders-panel__title{font-size:24px}.orders-panel__hint{color:var(--y-text-muted-dark);font-size:13px}.orders-filter{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.orders-filter__button{border:1px solid var(--y-border-dark);color:var(--y-text-muted-dark);cursor:pointer;background:0 0;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700;transition:all .2s}.orders-filter__button:hover,.orders-filter__button.is-active{border-color:var(--y-accent);color:var(--y-accent);background:#3b82f626}.orders-loading{gap:12px;display:grid}.orders-skeleton{background:linear-gradient(90deg, var(--y-surface-hover) 25%, var(--y-surface-elevated) 50%, var(--y-surface-hover) 75%);background-size:200% 100%;border-radius:12px;height:58px;animation:1.4s infinite orders-shimmer}@keyframes orders-shimmer{to{background-position:-200% 0}}.orders-table{border:1px solid var(--y-border-dark);border-radius:16px;overflow:hidden}.orders-table .table{color:var(--y-text-on-dark)}.orders-table thead th{border-color:var(--y-border-dark);background:var(--y-surface-hover);color:var(--y-text-muted-dark);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.orders-table tbody td{border-color:var(--y-border-dark);padding-top:16px;padding-bottom:16px}.orders-cards{gap:12px;display:grid}.orders-card{border:1px solid var(--y-border-dark);background:var(--y-surface-hover);border-radius:16px;padding:16px}.orders-card__top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.orders-card__eyebrow{color:var(--y-text-muted-dark);letter-spacing:.08em;text-transform:uppercase;margin:0 0 5px;font-size:11px}.orders-card__title{color:var(--y-white);margin:0;font-size:17px}.orders-card__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px;display:grid}.orders-card__metric{border:1px solid var(--y-border-dark);background:var(--y-surface);border-radius:12px;padding:10px}.orders-card__metric span{color:var(--y-text-muted-dark);letter-spacing:.05em;text-transform:uppercase;margin-bottom:3px;font-size:10px;display:block}.orders-card__metric strong{color:var(--y-text-on-dark);text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.orders-empty{text-align:left;justify-items:start;gap:10px;padding:34px 12px 18px;display:grid}.orders-empty__icon{width:50px;height:50px;color:var(--y-accent);background:#3b82f626;border-radius:15px;justify-content:center;align-items:center;font-size:20px;display:inline-flex}.orders-empty h3{color:var(--y-white);margin:0;font-size:19px}.orders-empty p{color:var(--y-text-muted-dark);margin:0;font-size:14px}.orders-content.is-loading{opacity:.55;pointer-events:none;transition:opacity .15s}.orders-pagination{margin-top:22px}.orders-pagination .page-link{border-color:var(--y-border-dark);background:var(--y-surface-hover);min-width:36px;color:var(--y-text-secondary);text-align:center}.orders-pagination .page-link:hover,.orders-pagination .page-item.active .page-link{border-color:var(--y-accent);background:var(--y-accent);color:var(--y-white)}.orders-pagination .page-item.disabled .page-link{border-color:var(--y-border-dark);background:var(--y-surface);color:var(--y-text-muted-dark)}@media (max-width:767px){.orders-hero,.orders-panel__header{display:block}.orders-hero__actions{margin-top:20px}.orders-filter{justify-content:flex-start;margin-top:16px}}
