*{box-sizing:border-box}:root{font-family:Arial,Helvetica,sans-serif;color:#17202a;background:#f3f4f6}
body{margin:0;background:#f3f4f6}button,input,select{font:inherit}
.topbar{position:sticky;top:0;z-index:20;background:#111827;color:#fff;padding:14px max(16px,calc((100% - 1200px)/2));display:flex;justify-content:space-between;align-items:center;gap:15px}
.brand strong{font-size:20px}.brand span{margin-left:10px;color:#cbd5e1}.top-actions{display:flex;align-items:center;gap:14px;font-size:14px}.top-actions a{color:#fff;text-decoration:none}
.live{color:#86efac}.alert-btn{background:#fff;color:#111827;border:0;border-radius:8px;padding:9px 12px;font-weight:700;cursor:pointer}
.wrap{max-width:1200px;margin:22px auto;padding:0 16px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.stat{background:#fff;border-radius:14px;padding:18px;box-shadow:0 2px 8px #0000000d}.stat small{display:block;color:#64748b}.stat b{display:block;font-size:27px;margin-top:8px}
.toolbar{display:grid;grid-template-columns:1fr 180px 110px;gap:10px;margin:18px 0}.toolbar input,.toolbar select{width:100%;padding:12px 13px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;outline:none}
.toolbar button,.primary-btn,.secondary-btn{border:0;border-radius:9px;padding:12px 15px;font-weight:700;cursor:pointer}.toolbar button,.primary-btn{background:#111827;color:#fff}
.secondary-btn{background:#e5e7eb;color:#111827;width:100%;margin-top:9px}.order{background:#fff;border-radius:14px;margin:12px 0;padding:18px;box-shadow:0 2px 8px #0000000d}
.order-head{display:flex;justify-content:space-between;gap:15px}.order-number{font-size:21px;font-weight:700}.meta{color:#64748b;margin:6px 0 12px;font-size:14px}.badge{padding:7px 10px;border-radius:999px;font-size:12px;font-weight:700;background:#fee2e2;height:max-content}
.items{margin:12px 0;padding-left:20px}.order-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e5e7eb;padding-top:12px}
.status-select{padding:9px;border:1px solid #cbd5e1;border-radius:8px;background:#fff}.empty{padding:40px;text-align:center;color:#64748b}
.toast{position:fixed;right:20px;bottom:20px;z-index:50;background:#111827;color:#fff;padding:14px 18px;border-radius:10px;display:none;box-shadow:0 8px 25px #0003}
.overlay{position:fixed;inset:0;background:#0008;z-index:100;display:none;place-items:center;padding:18px}.overlay.show{display:grid}
.alert-card{position:relative;width:min(440px,100%);background:#fff;border-radius:20px;padding:30px;text-align:center;box-shadow:0 20px 60px #0005}
.close{position:absolute;right:14px;top:10px;border:0;background:transparent;font-size:30px;cursor:pointer;color:#64748b}.alert-icon{font-size:48px}.alert-label{font-size:13px;font-weight:800;letter-spacing:1px;color:#b91c1c;margin-top:8px}
.alert-card h2{font-size:30px;margin:8px 0}.alert-card p{color:#64748b;margin:4px 0 14px}.alert-total{font-size:25px;font-weight:800;margin-bottom:18px}.primary-btn,.secondary-btn{width:100%}.primary-btn{font-size:16px}
@media(max-width:760px){.topbar{padding:12px 14px;align-items:flex-start}.brand strong{font-size:17px}.brand span{display:block;margin:3px 0 0;font-size:12px}.top-actions{gap:8px}.top-actions a{display:none}.alert-btn{padding:8px;font-size:12px}.live{font-size:12px;padding-top:8px}
.wrap{margin:14px auto;padding:0 10px}.stats{grid-template-columns:1fr 1fr}.stat{padding:14px}.stat:last-child{grid-column:1/-1}.stat b{font-size:22px}
.toolbar{grid-template-columns:1fr 1fr}.toolbar input{grid-column:1/-1}.toolbar button{grid-column:1/-1}.order{padding:15px}.order-head{align-items:flex-start}.order-number{font-size:19px}.meta{line-height:1.45}
.order-foot{align-items:stretch;gap:10px;flex-direction:column}.status-select{width:100%;min-height:44px}.alert-card{padding:25px 20px}}
@media(max-width:390px){.stats{grid-template-columns:1fr}.stat:last-child{grid-column:auto}.top-actions .alert-btn{max-width:125px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}