@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800;900&display=swap";:root{--bg-dark: #0a0a0a;--bg-panel: rgba(20, 20, 20, .6);--bg-panel-hover: rgba(30, 30, 30, .8);--border-color: rgba(255, 255, 255, .08);--primary: #f59e0b;--primary-glow: rgba(245, 158, 11, .15);--primary-hover: #fbbf24;--text-main: #f8fafc;--text-muted: #94a3b8;--success: #10b981;--success-glow: rgba(16, 185, 129, .15);--info: #3b82f6;--info-glow: rgba(59, 130, 246, .15);--warning: #f59e0b;--danger: #ef4444;--danger-glow: rgba(239, 68, 68, .15);--glass-blur: blur(16px);--font-family: "Tajawal", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background:radial-gradient(circle at top left,#1a1a1a,var(--bg-dark));background-attachment:fixed;color:var(--text-main);direction:rtl}button{font-family:inherit;border:none;cursor:pointer;background:none;color:inherit}.app-container{display:flex;flex-direction:column;min-height:100vh}.glass-header{position:sticky;top:0;z-index:40;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#0a0a0abf;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border-color)}.brand-section{display:flex;align-items:center;gap:1rem}.brand-icon{background:var(--primary);color:#000;padding:.6rem;border-radius:12px;box-shadow:0 0 20px var(--primary-glow)}.brand-title{font-size:1.25rem;font-weight:800;display:flex;align-items:center;gap:.5rem}.badge-pro{font-size:.7rem;background:var(--primary-glow);color:var(--primary);padding:.2rem .6rem;border-radius:999px;border:1px solid rgba(245,158,11,.2)}.header-status{display:flex;align-items:center;gap:1rem;background:var(--bg-panel);border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:12px}.status-label{font-size:.8rem;color:var(--text-muted)}.status-btn{font-size:.8rem;padding:.3rem .8rem;border-radius:99px;font-weight:700;transition:all .3s}.status-btn.open{background:var(--success-glow);color:var(--success);border:1px solid rgba(16,185,129,.2)}.status-btn.closed{background:var(--danger-glow);color:var(--danger);border:1px solid rgba(239,68,68,.2)}.content-wrapper{display:flex;flex:1}.sidebar{width:260px;background:#0f0f0f80;border-left:1px solid var(--border-color);padding:1.5rem 1rem;display:flex;flex-direction:column;gap:.5rem}.sidebar-title{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;margin-bottom:.5rem;padding:0 .5rem}.nav-item{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;border-radius:12px;color:var(--text-muted);transition:all .3s ease;font-weight:500}.nav-item:hover{background:var(--bg-panel-hover);color:var(--text-main);transform:translate(-4px)}.nav-item.active{background:var(--primary);color:#000;font-weight:700;box-shadow:0 4px 15px var(--primary-glow)}.nav-item-content{display:flex;align-items:center;gap:.75rem}.badge-count{font-size:.7rem;padding:.15rem .5rem;border-radius:99px;background:#ffffff1a}.nav-item.active .badge-count{background:#0003;color:#000}.main-workspace{flex:1;padding:2rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.stat-card{background:var(--bg-panel);border:1px solid var(--border-color);padding:1.5rem;border-radius:16px;display:flex;justify-content:space-between;align-items:center;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transition:transform .3s}.stat-card:hover{transform:translateY(-5px);background:var(--bg-panel-hover)}.stat-info{display:flex;flex-direction:column;gap:.25rem}.stat-info p:first-child{font-size:.8rem;color:var(--text-muted)}.stat-info p:last-child{font-size:1.5rem;font-weight:900}.stat-icon{padding:.75rem;border-radius:12px}.stat-icon.primary{background:var(--primary-glow);color:var(--primary)}.stat-icon.success{background:var(--success-glow);color:var(--success)}.stat-icon.neutral{background:#ffffff0d;color:var(--text-muted)}.section-header{background:var(--bg-panel);border:1px solid var(--border-color);padding:1.25rem;border-radius:16px;display:flex;justify-content:space-between;align-items:center}.section-header h3{display:flex;align-items:center;gap:.5rem;font-weight:800}.btn-primary{background:var(--primary);color:#000;padding:.6rem 1.2rem;border-radius:12px;font-weight:700;display:flex;align-items:center;gap:.5rem;transition:all .3s}.btn-primary:hover{background:var(--primary-hover);transform:scale(1.05);box-shadow:0 4px 15px var(--primary-glow)}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:#059669}.btn-info{background:var(--info);color:#fff}.btn-info:hover{background:#2563eb}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}.btn-outline{border:1px solid var(--border-color);color:var(--text-muted);background:#ffffff0d;padding:.6rem 1.2rem;border-radius:12px;font-weight:700;transition:all .3s}.btn-outline:hover{background:#ffffff1a;color:var(--text-main)}.orders-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1rem}.order-card{background:var(--bg-panel);border:1px solid var(--border-color);padding:1.5rem;border-radius:16px;display:flex;flex-direction:column;gap:1rem;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transition:all .3s}.order-card:hover{border-color:#fff3}.order-header{display:flex;justify-content:space-between;align-items:flex-start}.order-id{font-family:monospace;color:var(--primary);font-weight:700}.order-time{font-size:.75rem;color:var(--text-muted);margin-right:.5rem}.order-customer{font-weight:800;margin-top:.25rem;font-size:1.1rem}.order-phone{font-size:.8rem;color:var(--text-muted)}.order-badge{font-size:.75rem;padding:.3rem .8rem;border-radius:99px;font-weight:700;border:1px solid transparent}.badge-pending{background:var(--primary-glow);color:var(--primary);border-color:#f59e0b33}.badge-preparing{background:var(--info-glow);color:var(--info);border-color:#3b82f633}.badge-ready{background:#8b5cf626;color:#8b5cf6;border-color:#8b5cf633}.badge-completed{background:var(--success-glow);color:var(--success);border-color:#10b98133}.order-items{background:#0006;padding:1rem;border-radius:12px;border:1px solid var(--border-color);font-size:.85rem}.order-items-label{color:var(--text-muted);margin-bottom:.25rem}.order-total{display:flex;justify-content:space-between;border-top:1px solid var(--border-color);padding-top:.75rem}.order-total span:first-child{font-size:.8rem;color:var(--text-muted)}.order-total span:last-child{font-weight:800}.order-actions{display:flex;gap:.5rem;margin-top:.5rem}.order-actions button{flex:1;padding:.75rem;border-radius:12px;font-weight:700;font-size:.85rem;transition:all .3s}.action-info{width:100%;text-align:center;padding:.75rem;background:#0000004d;border:1px dashed var(--border-color);border-radius:12px;font-size:.8rem;color:var(--text-muted)}.menu-table-container{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}table{width:100%;border-collapse:collapse;text-align:right}th{background:#0006;color:var(--text-muted);font-size:.8rem;padding:1rem;border-bottom:1px solid var(--border-color)}td{padding:1rem;font-size:.9rem;border-bottom:1px solid rgba(255,255,255,.05)}tr:hover td{background:#ffffff08}tr:last-child td{border-bottom:none}.menu-actions{display:flex;justify-content:flex-end;gap:.5rem}.menu-actions button{color:var(--text-muted);padding:.25rem;transition:color .3s}.menu-actions button:hover{color:var(--text-main)}.menu-actions .btn-delete:hover{color:var(--danger)}.analytics-card{background:var(--bg-panel);border:1px solid var(--border-color);padding:1.5rem;border-radius:16px}.chart-container{height:160px;display:flex;align-items:flex-end;gap:.5rem;margin-top:1.5rem}.chart-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem}.chart-val{font-size:.65rem;color:var(--text-muted);font-weight:700}.chart-bar{width:100%;border-radius:6px 6px 0 0;background:#ffffff1a;transition:all .3s}.chart-bar:hover,.chart-bar.active{background:var(--primary)}.chart-label{font-size:.65rem;color:var(--text-muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-content{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:20px;width:100%;max-width:400px;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;box-shadow:0 20px 40px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:flex-start}.modal-header h3{font-weight:800;font-size:1.2rem}.modal-header p{font-size:.8rem;color:var(--text-muted)}.modal-close{color:var(--text-muted);transition:color .3s}.modal-close:hover{color:var(--danger)}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.8rem;color:var(--text-muted)}.form-control{background:#00000080;border:1px solid var(--border-color);padding:.8rem 1rem;border-radius:12px;color:var(--text-main);font-family:inherit;font-size:.9rem;outline:none;transition:border-color .3s}.form-control:focus{border-color:var(--primary)}.form-submit{width:100%;padding:1rem;background:var(--primary);color:#000;font-weight:800;border-radius:12px;transition:all .3s}.form-submit:hover{background:var(--primary-hover);transform:translateY(-2px)}.wallet-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.wallet-grid{grid-template-columns:1fr 2fr}}.wallet-balance-card{background:var(--bg-panel);border:1px solid var(--border-color);padding:2rem;border-radius:16px;display:flex;flex-direction:column;justify-content:space-between;gap:1.5rem}.wallet-amount{font-size:2.5rem;font-weight:900;color:var(--success)}.wallet-note{font-size:.7rem;color:var(--text-muted)}.btn-withdraw{width:100%;background:var(--success);color:#fff;padding:1rem;border-radius:12px;font-weight:800;display:flex;justify-content:center;align-items:center;gap:.5rem;transition:all .3s}.btn-withdraw:hover:not(:disabled){background:#059669;transform:translateY(-2px);box-shadow:0 10px 20px var(--success-glow)}.btn-withdraw:disabled{opacity:.5;cursor:not-allowed}.history-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.history-item:last-child{border-bottom:none}.history-id{font-family:monospace;font-weight:700;font-size:.9rem}.history-date{font-size:.8rem;color:var(--text-muted)}.history-amount{font-weight:800;font-size:1.1rem}.history-status{display:flex;align-items:center;gap:.4rem;font-size:.8rem}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.completed{background:var(--success)}.status-dot.pending{background:var(--warning)}.status-text.completed{color:var(--success)}.status-text.pending{color:var(--warning)}