:root{--bg-def:#020408;--bg-1:#dfd7ce;--bg-2:#f9be7c;--bg-3:#544a3e;--bg-panel:#0a0c10;--bg-item:#12151a;--border-hover:#f9be7c;--font-family:"Futura PT", sans-serif}body{background-color:var(--bg-def);color:var(--bg-1);font-family:var(--font-family);margin:0;padding:20px}.admin-header{background-color:var(--bg-panel);border:1px solid var(--bg-3);border-radius:4px;justify-content:space-between;align-items:center;gap:16px;max-width:1400px;margin:0 auto 20px;padding:12px 16px;display:flex}.admin-back-btn{color:var(--bg-1);align-items:center;gap:8px;font-size:16px;font-weight:500;text-decoration:none;transition:color .2s;display:flex}.admin-back-btn:hover{color:var(--bg-2)}.admin-header-title{color:var(--bg-2);text-transform:uppercase;letter-spacing:1px;margin:0;font-size:16px}.admin-text-btn{border:1px solid var(--bg-3);color:var(--bg-1);font-family:var(--font-family);cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:8px;padding:7px 14px;font-size:14px;transition:color .2s,border-color .2s,background-color .2s;display:flex}.admin-text-btn:hover{color:var(--bg-2);border-color:var(--border-hover);background-color:#f9be7c14}.admin-text-btn:disabled{opacity:.4;cursor:default;color:var(--bg-1);border-color:var(--bg-3);background-color:#0000}.orders-layout{flex-direction:column;gap:12px;max-width:1400px;margin:0 auto;display:flex}.orders-state{background-color:var(--bg-panel);border:1px solid var(--bg-3);text-align:center;color:#7a7369;border-radius:4px;padding:40px 16px;font-size:15px}.order-card{background-color:var(--bg-panel);border:1px solid var(--bg-3);border-radius:4px;padding:14px 16px;transition:border-color .2s}.order-card:hover{border-color:#6d6153}.order-card__head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.order-card__id{color:var(--bg-2);letter-spacing:.5px;font-family:monospace;font-size:15px;font-weight:600}.order-card__spacer{margin-left:auto}.order-card__total{white-space:nowrap;font-size:17px;font-weight:600}.order-status{text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-radius:4px;padding:3px 9px;font-size:11px;font-weight:600}.order-status--preparing{color:#9aa0a6;background-color:#9aa0a626}.order-status--active{color:#f9be7c;background-color:#f9be7c26}.order-status--paid{color:#6fb1ff;background-color:#6fb1ff26}.order-status--fulfilled{color:#6fce7f;background-color:#6fce7f26}.order-status--cancelled{color:#ff5252;background-color:#ff525226}.order-card__info{border-top:1px solid #544a3e80;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px 20px;margin-top:12px;padding-top:12px;display:grid}.order-card__info-item{flex-direction:column;gap:3px;min-width:0;display:flex}.order-card__info-label{text-transform:uppercase;letter-spacing:.5px;color:#7a7369;font-size:11px}.order-card__info-value{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.order-card__products{flex-direction:column;gap:4px;margin:12px 0 0;padding:0;list-style:none;display:flex}.order-product{background-color:var(--bg-item);border-radius:3px;flex-wrap:wrap;align-items:center;gap:10px;padding:7px 12px;font-size:14px;display:flex}.order-product__title{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.order-product__id{color:#7a7369;font-family:monospace;font-size:12px}.order-product__code{color:#6fce7f;margin-left:auto;padding-left:12px;font-family:monospace;font-size:12px}.order-product__price{white-space:nowrap;padding-left:12px}.order-card__actions{justify-content:flex-end;margin-top:12px;display:flex}.order-pay-btn{border:1px solid var(--bg-2);color:var(--bg-2);font-family:var(--font-family);cursor:pointer;background:0 0;border-radius:4px;padding:8px 18px;font-size:14px;font-weight:500;transition:color .2s,background-color .2s}.order-pay-btn:hover{color:var(--bg-def);background-color:var(--bg-2)}.order-pay-btn:disabled{opacity:.4;cursor:default;color:var(--bg-2);background-color:#0000}.admin-icon-btn{color:var(--bg-3);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:color .2s,background-color .2s;display:flex}.admin-icon-btn:hover{color:var(--bg-2);background-color:#f9be7c1a}.orders-spinner{border:2px solid var(--bg-3);border-top-color:var(--bg-2);border-radius:50%;width:24px;height:24px;margin:0 auto 12px;animation:.8s linear infinite orders-spin}@keyframes orders-spin{to{transform:rotate(360deg)}}
