.orders-page{min-height:100vh;background:radial-gradient(circle at 12% 9%,#2c100e 0,transparent 27%),#080808;color:#fff}.orders-layout{display:grid;grid-template-columns:minmax(280px,.48fr) minmax(0,1fr);gap:7vw;padding:78px clamp(22px,7vw,120px) 120px}.orders-heading{position:sticky;top:42px;align-self:start}.orders-heading h1{margin:24px 0 28px;font-size:clamp(72px,8vw,128px);line-height:.82}.orders-heading p{max-width:460px;color:#999;font-size:15px;line-height:1.7}.orders-clear{margin-top:24px;padding:12px 15px;border:1px solid #444;background:transparent;color:#aaa;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.orders-clear:hover{border-color:var(--red);color:#fff}.orders-list{display:grid;gap:18px}.history-card{border:1px solid #303030;background:#0e0e0e}.history-card>header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px;border-bottom:1px solid #292929}.history-card>header div{display:grid;gap:5px}.history-card>header span{color:var(--red);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.history-card>header strong{font-size:13px}.history-card>header>b{padding:8px 10px;border:1px solid #367653;color:#75dda7;font-size:10px;text-transform:uppercase}.history-card__meta{display:flex;gap:9px;padding:16px 24px}.history-card__meta span{padding:7px 10px;background:#181818;color:#aaa;font-size:10px;font-weight:800;text-transform:uppercase}.history-card__items{padding:0 24px}.history-card__items>div{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid #252525}.history-card__items img{width:58px;height:58px;object-fit:cover;background:#fff}.history-card__items span{display:grid;gap:4px}.history-card__items span strong{font-size:13px}.history-card__items small{color:#888}.history-card__items>div>b{white-space:nowrap}.history-card>footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px}.history-card>footer>strong{display:flex;align-items:end;gap:13px;font:600 28px/1 var(--display)}.history-card>footer>strong span{color:#888;font:800 9px/1 var(--body);letter-spacing:.1em;text-transform:uppercase}.history-card>footer button{padding:13px 16px;border:0;background:var(--red);color:#fff;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.history-card>footer button span{margin-left:14px}.orders-empty{padding:70px 35px;border:1px dashed #393939;text-align:center}.orders-empty>strong{font:600 38px/1 var(--display);text-transform:uppercase}.orders-empty p{margin:12px 0 26px;color:#888}.orders-empty .button{width:max-content;margin:auto}.orders-page .toast{position:fixed}
html[data-theme=light] .orders-page{background:radial-gradient(circle at 12% 9%,#f5d7d1 0,transparent 29%),#f4f0e9;color:#171513}html[data-theme=light] .history-card{border-color:#d4cbc2;background:#fff;box-shadow:0 18px 55px rgba(45,31,22,.06)}html[data-theme=light] .history-card>header,html[data-theme=light] .history-card__items>div{border-color:#ddd5cc}html[data-theme=light] .history-card__meta span{background:#f2ede7;color:#615a54}html[data-theme=light] .history-card__items small,html[data-theme=light] .orders-heading p,html[data-theme=light] .orders-empty p{color:#706961}html[data-theme=light] .orders-clear{border-color:#c9c0b7;color:#5f5852}html[data-theme=light] .orders-empty{border-color:#c9c0b7}
@media(max-width:900px){.orders-layout{grid-template-columns:1fr;padding-top:52px}.orders-heading{position:static}.orders-heading h1{font-size:78px}.orders-heading p{max-width:620px}}@media(max-width:600px){.orders-layout{padding:38px 16px 80px}.orders-heading h1{font-size:66px}.history-card>header,.history-card__meta,.history-card__items,.history-card>footer{padding-left:16px;padding-right:16px}.history-card>footer{align-items:stretch;flex-direction:column}.history-card>footer button{width:100%}.history-card__items>div{grid-template-columns:50px minmax(0,1fr)}.history-card__items img{width:50px;height:50px}.history-card__items>div>b{grid-column:2}.orders-empty{padding:55px 18px}.orders-empty .button{width:100%}}