.orders-page{--order-surface:#ffffff05;--order-line:#ffffff14;--order-muted:#a8a4b4;--order-text:#f2f2f5;--order-accent:#c9bbdf;background:radial-gradient(ellipse at 80% 8%,#8575ac12,transparent 48%),#0e0e10;color:var(--order-text)}
.orders-page .admin-shell{max-width:1200px;padding:32px 32px 80px;position:relative}.orders-page .admin-top{flex-wrap:wrap;gap:16px}.orders-page .admin-brand{margin-right:auto}.orders-page .admin-heading{margin:52px 0 30px}.orders-page .admin-heading h1{font-size:clamp(30px,4vw,46px);letter-spacing:-1.8px;margin-bottom:10px}.orders-page .admin-heading p{font-size:13px;color:var(--order-muted)}.orders-page .admin-refresh{min-height:43px;border-radius:12px}.orders-page .admin-status{display:flex;align-items:center;gap:12px;background:transparent;border:0;padding:0;margin:22px 0;color:var(--order-muted);min-height:22px}.orders-page .ui-icon{width:18px;height:18px;flex-shrink:0}.orders-page a:focus-visible,.orders-page button:focus-visible{outline:2px solid var(--order-accent);outline-offset:4px}
.orders-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:28px}.order-stat{display:grid;grid-template-columns:42px 1fr;column-gap:14px;padding:22px;border:1px solid var(--order-line);border-radius:17px;background:linear-gradient(135deg,#a494c710,var(--order-surface));box-shadow:inset 0 1px #ffffff08}.order-stat>span{grid-row:span 2;display:grid;place-items:center;background:#a494c712;border-radius:12px;color:var(--order-accent)}.order-stat strong{font-size:25px;font-weight:550;line-height:1.2}.order-stat small{font-size:11px;color:var(--order-muted);margin-top:5px}
#orderContent{display:grid;gap:22px}.order-card{border:1px solid var(--order-line);border-radius:23px;overflow:hidden;background:linear-gradient(120deg,#aaa0ba0c,transparent 55%),var(--order-surface);box-shadow:inset 0 1px #ffffff0b,0 18px 55px #00000012;backdrop-filter:blur(22px)}.order-card-top{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:23px 26px;border-bottom:1px solid var(--order-line);background:#ffffff02}.order-identity{display:flex;gap:13px;align-items:center;min-width:0}.order-card-icon,.order-item-symbol{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--order-line);background:#ffffff04;border-radius:12px;color:var(--order-accent);flex-shrink:0}.order-eyebrow{display:block;color:var(--order-muted);font-size:9px;letter-spacing:1.7px;margin-bottom:6px}.order-reference{display:block;font:11px ui-monospace,monospace;color:var(--order-muted);overflow-wrap:anywhere}.order-state{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid var(--order-line);border-radius:30px;background:#ffffff04;color:var(--order-muted);font-size:10px;white-space:nowrap}.order-state:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}.order-card[data-status=paid] .order-state{color:#95d4b4;background:#82ceaa0a}.order-card[data-status=pending] .order-state{color:#dbc08f;background:#dbc08f0a}.order-test{display:flex;align-items:center;gap:8px;padding:12px 26px;border-bottom:1px solid var(--order-line);background:#b6a1d108;color:var(--order-accent);font-size:10px;letter-spacing:.2px}.order-test .ui-icon{width:14px;height:14px}.order-card-body{display:grid;grid-template-columns:minmax(0,1fr) 300px}.order-products{padding:30px 26px;min-width:0}.order-products h2{font-size:22px;font-weight:550;letter-spacing:-.6px;margin:0 0 10px}.orders-page .order-description{font-size:12px;line-height:1.8;color:var(--order-muted);max-width:440px;margin:0 0 25px}.order-items{list-style:none;padding:0;margin:0;display:grid;gap:0}.order-item{display:flex;align-items:center;gap:13px;padding:18px 0;border-top:1px solid var(--order-line)}.order-item-details{flex:1;min-width:0}.order-item-details>strong{display:block;font-size:13px;font-weight:550;overflow-wrap:anywhere}.order-item-meta{display:flex;gap:9px;margin-top:7px;font-size:10px;color:var(--order-muted)}.order-item-meta span{padding:4px 7px;background:#ffffff05;border-radius:6px;border:1px solid var(--order-line)}.order-item-price{font-size:13px;font-weight:500;white-space:nowrap}.order-payment{padding:30px 25px;background:#7a6f8f06;border-left:1px solid var(--order-line)}.order-method{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--order-muted);margin:17px 0 28px}.order-total-label{display:block;font-size:11px;color:var(--order-muted)}.order-total{display:block;font-size:32px;font-weight:550;letter-spacing:-1.2px;margin:8px 0 24px}.order-steps{list-style:none;padding:20px 0 0;margin:0;border-top:1px solid var(--order-line);display:grid;gap:15px}.order-steps li{display:flex;align-items:center;gap:10px;font-size:10px;color:var(--order-muted)}.order-steps li:before{content:'';width:9px;height:9px;border-radius:50%;border:1px solid var(--order-line);background:var(--order-surface)}.order-steps li[data-complete=true]:before{background:var(--order-accent);border-color:var(--order-accent);box-shadow:0 0 0 3px #b9a4d310}.order-delivery,.order-delivery-note{font-size:11px;line-height:1.8;overflow-wrap:anywhere;color:var(--order-muted)}.order-card-footer{display:flex;gap:16px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--order-line);padding:17px 26px}.order-card-footer>span{margin-right:auto;font-size:11px;color:var(--order-muted)}.order-action{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--order-line);border-radius:10px;padding:11px 14px;color:var(--order-text);background:#ffffff05;text-decoration:none;font-size:11px;transition:background .2s,border-color .2s}.order-action:hover{background:#a79ab51c;border-color:#baa6d650}.order-action .ui-icon{width:14px;height:14px}.orders-help{margin-top:28px;padding:22px 24px;border:1px solid var(--order-line);border-radius:17px;background:var(--order-surface);display:flex;gap:20px;align-items:center;flex-wrap:wrap}.orders-help>div{flex:1;min-width:200px}.orders-help h2{margin:0 0 7px;font-size:14px;font-weight:500}.orders-page .orders-help p{margin:0;max-width:550px;color:var(--order-muted);font-size:11px;line-height:1.8}.order-empty{text-align:center;padding:65px 20px;border:1px solid var(--order-line);border-radius:22px;background:var(--order-surface)}.order-empty>.ui-icon{width:36px;height:36px;color:var(--order-accent);margin-bottom:12px}.order-empty h2{font-size:21px}.order-empty p{color:var(--order-muted);font-size:12px;line-height:1.8;margin-bottom:22px}
html[data-theme=light] .orders-page{--order-surface:#ffffffb8;--order-line:#3025421a;--order-muted:#6b6478;--order-text:#282333;--order-accent:#77608e;background:radial-gradient(ellipse at 80% 8%,#d9cbe650,transparent 48%),#f4f3f7!important}.orders-page .order-card[data-status=paid] .order-state{color:#4b9172}.orders-page .order-card[data-status=pending] .order-state{color:#a5844c}
@media(max-width:760px){.orders-page .admin-shell{padding:24px 18px 80px}.orders-page .admin-heading{margin-top:35px}.orders-summary{gap:8px}.order-stat{padding:15px 11px;display:flex;flex-direction:column;gap:8px}.order-stat>span{width:30px;height:30px}.order-stat strong{font-size:23px}.order-stat small{font-size:10px;line-height:1.5}.order-card-body{grid-template-columns:1fr}.order-payment{border-left:0;border-top:1px solid var(--order-line);padding:24px 20px}.order-card-top{padding:20px;flex-wrap:wrap}.order-products{padding:24px 20px}.order-test{padding:12px 20px;line-height:1.7}.order-card-footer{padding:18px 20px;gap:10px}.order-card-footer>span{width:100%}.order-card-footer .order-action{flex:1}.orders-help{padding:20px}.order-item{gap:9px}.order-item-symbol{width:34px;height:34px}.order-item-price{font-size:12px}.order-total{font-size:30px}}
