:root{ --bg:#0e0e0e;--surface:#181818;--surface2:#202020;--border:#2a2a2a; --orange:#ff6a00;--orange2:#ff9900;--orange-dim:#7a3200;--orange-glow:rgba(255,106,0,0.15); --text:#f5e6d0;--text-dim:#8a7a6a;--text-muted:#3a3028; --diamond:#4dd9e8;--dg:rgba(77,217,232,0.18); --danger:#e74c3c;--success:#2ecc71;--r:8px; }
*{box-sizing:border-box;margin:0;padding:0;}
body{background:var(--bg);color:var(--text);font-family:'Nunito',sans-serif;min-height:100vh; overflow-x:hidden;}
body::before { content:''; position:fixed; inset:0; background-image:linear-gradient(rgba(255,106,0,0.03) 1px,transparent 1px), linear-gradient(90deg,rgba(255,106,0,0.03) 1px,transparent 1px); background-size:32px 32px; pointer-events:none; z-index:0; animation: gridDriftX 60s ease-in-out infinite alternate, gridDriftY 43s ease-in-out infinite alternate; }
@keyframes gridDriftX { 0% { background-position-x: 0px; } 100% { background-position-x: 1024px; } }
@keyframes gridDriftY { 0% { background-position-y: 0px; } 100% { background-position-y: 1024px; } }

.gate{position:fixed;inset:0;background:var(--bg);z-index:500; display:flex;align-items:center;justify-content:center;padding:20px;}
.gate-box{background:var(--surface);border:1px solid var(--border);border-radius:12px; padding:38px 30px;width:100%;max-width:360px;text-align:center; box-shadow:0 20px 60px rgba(0,0,0,0.8),0 0 40px var(--orange-glow);}
.gate-icon{font-size:2.5rem;margin-bottom:12px;}
.gate-title{font-family:'Press Start 2P',monospace;font-size:0.7rem;color:var(--orange); margin-bottom:6px;text-shadow:0 0 10px var(--orange);}
.gate-sub{font-size:0.82rem;color:var(--text-dim);margin-bottom:24px;font-weight:600;}
.auth-input{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:var(--r); padding:12px;color:var(--text);font-family:'Nunito',sans-serif;font-size:1rem; outline:none;transition:border-color 0.15s;margin-bottom:10px;box-sizing:border-box;}
.auth-input:focus{border-color:var(--orange);}
.auth-btn{width:100%;padding:13px;background:linear-gradient(135deg,var(--diamond),#2980b9); border:none;border-radius:var(--r);font-family:'Press Start 2P',monospace; font-size:0.56rem;color:#000;cursor:pointer;transition:box-shadow 0.15s;margin-top:5px;}
.auth-btn:hover{box-shadow:0 0 22px rgba(77,217,232,0.4);}
.auth-err{color:var(--danger);font-size:0.8rem;font-weight:700;margin-top:12px;min-height:16px;}

.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center; justify-content:space-between;padding:11px 22px; background:rgba(14,14,14,0.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);}
.mc-title{font-family:'Press Start 2P',monospace;font-size:0.6rem;color:var(--orange);text-shadow:0 0 10px var(--orange);}
.mc-sub{font-size:0.73rem;color:var(--text-dim);margin-top:2px;font-weight:700;}
.topbar-right{display:flex;align-items:center;gap:12px;}
.courier-badge{background:var(--surface);border:1px solid var(--orange);border-radius:var(--r); padding:6px 13px;font-family:'Press Start 2P',monospace;font-size:0.48rem;color:var(--orange); display:flex; align-items:center; gap:6px;}
.tbtn{background:transparent;border:1px solid var(--border);border-radius:var(--r); padding:7px 12px;color:var(--text-dim);font-family:'Nunito',sans-serif;font-weight:700; font-size:0.78rem;cursor:pointer;transition:0.15s; text-decoration: none; white-space:nowrap;}
.tbtn:hover{border-color:var(--orange);color:var(--orange);}
.tbtn.danger:hover{border-color:var(--danger);color:var(--danger);}
.bell-btn{position:relative;cursor:pointer;font-size:1.3rem;text-decoration:none;}
.bell-badge{position:absolute;top:-5px;right:-8px;background:var(--danger);color:#fff;font-size:0.5rem;font-family:'Press Start 2P',monospace;padding:3px 5px;border-radius:10px;display:none;}

.stats-bar{position:relative;z-index:1;display:flex;gap:11px;padding:14px 22px;flex-wrap:wrap;}
.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r); padding:13px 16px;flex:1;min-width:130px;}
.stat-num{font-family:'Press Start 2P',monospace;font-size:1rem;color:var(--orange);margin-bottom:4px;}
.stat-label{font-size:0.76rem;color:var(--text-dim);font-weight:700;text-transform:uppercase;letter-spacing:0.5px;}
.stat-card.blue .stat-num{color:var(--diamond);}
.stat-card.green .stat-num{color:var(--success);}

.filter-tabs{position:relative;z-index:1;display:flex;gap:7px;padding:0 22px 14px;flex-wrap:wrap;}
.tab-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--r); padding:7px 14px;font-family:'Nunito',sans-serif;font-weight:700;font-size:0.83rem; color:var(--text-dim);cursor:pointer;transition:all 0.15s; white-space:nowrap;}
.tab-btn:hover{border-color:var(--orange-dim);color:var(--orange);}
.tab-btn.active{background:var(--orange-glow);border-color:var(--orange);color:var(--orange);}

.orders-wrap{position:relative;z-index:1;padding:0 22px 40px;}
.order-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--r); padding:15px;margin-bottom:9px;display:grid; grid-template-columns:68px 1fr auto auto;gap:13px;align-items:start; transition:border-color 0.15s;}
.order-row:hover{border-color:#3a2a1a;}
.order-row.status-pending{border-left:3px solid var(--orange);}
.order-row.status-accepted{border-left:3px solid var(--diamond);}
.order-row.status-delivered{border-left:3px solid var(--success);}
.order-row.status-paid{border-left:3px solid var(--text-dim); opacity: 0.7;}
.order-row.status-rejected{border-left:3px solid var(--danger); opacity: 0.85;}
.order-num{font-family:'Press Start 2P',monospace;font-size:0.6rem;color:var(--orange);}
.order-time{font-size:0.68rem;color:var(--text-muted);margin-top:4px;}
.order-player{font-weight:800;font-size:0.93rem;margin-bottom:4px;display:flex;align-items:center;gap:6px;}
.item-chips{line-height:1.8;margin-bottom:5px;}
.chip{display:inline-flex;align-items:center;gap:4px;background:var(--surface2); border:1px solid var(--border);border-radius:5px;padding:2px 7px;margin:1px 2px;font-size:0.76rem;}
.order-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:5px;}
.coord-tag{background:var(--surface2);border:1px solid var(--border);border-radius:5px; padding:3px 8px;font-family:'Courier New',monospace;font-size:0.76rem;color:var(--text-dim);}
.d-tag{font-family:'Press Start 2P',monospace;font-size:0.44rem;color:var(--diamond);}
.status-col{display:flex;flex-direction:column;align-items:flex-end;gap:5px;min-width:88px;}
.sbadge{display:inline-flex;align-items:center;gap:4px;padding:4px 9px; border-radius:20px;font-size:0.7rem;font-weight:800;white-space:nowrap;}
.sp{background:rgba(255,153,0,0.12);color:var(--orange2);border:1px solid rgba(255,153,0,0.25);}
.sa{background:rgba(77,217,232,0.1);color:var(--diamond);border:1px solid rgba(77,217,232,0.25);}
.sd{background:rgba(46,204,113,0.1);color:var(--success);border:1px solid rgba(46,204,113,0.25);}
.spad{background:rgba(255,255,255,0.1);color:var(--text-dim);border:1px solid var(--border);}
.srej{background:rgba(231,76,60,0.12);color:var(--danger);border:1px solid rgba(231,76,60,0.25);}
.actions-col{display:flex;flex-direction:column;gap:5px;min-width:120px;}
.btn{padding:8px 11px;border:none;border-radius:6px;font-family:'Nunito',sans-serif; font-weight:800;font-size:0.78rem;cursor:pointer;transition:0.15s;white-space:nowrap;}
.btn-accept{background:var(--diamond);color:#000;}
.btn-accept:hover{box-shadow:0 0 12px var(--dg);}
.btn-deliver{background:var(--success);color:#000;}
.btn-deliver:hover{box-shadow:0 0 12px rgba(46,204,113,0.3);}
.btn-paid{background:linear-gradient(135deg,#f1c40f,#e67e22);color:#000;}
.btn-paid:hover{box-shadow:0 0 12px rgba(241,196,15,0.3);}
.btn-release{background:var(--surface2);border:1px solid var(--border);color:var(--danger);font-size:0.73rem;}
.btn-release:hover{border-color:var(--danger);}
.locked-tag{font-size:0.73rem;color:var(--text-muted);font-weight:700;text-align:right;}
.empty-note{text-align:center;padding:40px;color:var(--text-muted);font-size:0.86rem;font-weight:700;}
.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%) translateY(60px);background:var(--surface); border:1px solid var(--orange);border-radius:var(--r);padding:10px 20px; font-size:0.86rem;font-weight:700;color:var(--orange);z-index:999; opacity:0;transition:transform 0.25s,opacity 0.25s; white-space:nowrap;}
.toast.show{transform:translateX(-50%) translateY(0);opacity:1;}

@media (max-width: 768px) {
.topbar { flex-direction: column; gap: 12px; padding: 15px; text-align: center; }
.topbar-right { width: 100%; justify-content: center; flex-wrap: wrap; }
.filter-tabs { overflow-x: auto; flex-wrap: nowrap; padding-bottom: 5px; }
.order-row { grid-template-columns: 1fr; gap: 12px; }
.order-meta { flex-direction: column; align-items: flex-start; gap: 6px; }
.status-col { align-items: flex-start; }
.actions-col { flex-direction: row; flex-wrap: wrap; }
.actions-col button { flex: 1; }
.locked-tag { text-align: left; }
}
::-webkit-scrollbar{height:4px; width:5px;}::-webkit-scrollbar-track{background:var(--bg);}
::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px;}