:root{--bg:#0b1416;--card:#16343a;--accent:#01d19a;--text:#f8fbff;--muted:#b6c6c9;--danger:#ff6b6b;}*,*::before,*::after{box-sizing:border-box;}body{margin:0;font-family:"Poppins","Segoe UI",system-ui,-apple-system,sans-serif;background:radial-gradient(circle at 20% 20%,#1a3e46,#0b1416 55%);color:var(--text);min-height:100vh;}.page{max-width:960px;margin:0 auto;padding:24px;}header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap;position:relative;}.admin-nav{display:flex;gap:12px;align-items:center;flex-wrap:wrap;}.admin-nav-wrapper{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}.admin-nav-toggle{display:none;}@media (max-width:768px){.admin-nav-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:44px;}.admin-nav{display:none;flex-direction:column;align-items:stretch;width:calc(100% - 10px);gap:6px;position:absolute;top:100%;left:0;background:var(--card);padding:10px;border:1px solid rgba(255,255,255,0.08);border-radius:12px;box-shadow:0 16px 40px rgba(0,0,0,0.45);z-index:20;}.admin-nav.open{display:flex;}.admin-nav-wrapper{flex-direction:column;align-items:flex-start;}}.admin-nav-group{display:flex;flex-direction:column;gap:6px;min-width:160px;position:relative;}.admin-nav-group-toggle{width:100%;justify-content:space-between;}.admin-nav-group-toggle::after{content:"▾";font-size:12px;}.admin-nav-group:not(.open) .admin-nav-group-toggle::after{content:"▸";}.admin-nav-group-items{display:none;flex-direction:column;gap:6px;position:absolute;top:calc(100% + 6px);left:0;padding:10px;min-width:180px;background:var(--card);border:1px solid rgba(255,255,255,0.12);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,0.4);z-index:30;}.admin-nav-group.open .admin-nav-group-items{display:flex;}.admin-nav-label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:0.5px;}@media (max-width:768px){.admin-nav-group{flex-direction:column;align-items:flex-start;gap:6px;width:100%;}.admin-nav-group-items{position:static;width:100%;padding:6px 0 0 8px;border-left:1px solid rgba(255,255,255,0.08);border:none;border-radius:0;box-shadow:none;background:transparent;}.admin-nav .pill{width:100%;text-align:left;justify-content:space-between;}}.logo{font-weight:700;letter-spacing:1px;font-size:22px;}.logo-wrap{display:flex;align-items:center;gap:10px;}.logo-img{width:46px;height:46px;border-radius:12px;object-fit:cover;border:1px solid rgba(255,255,255,0.12);background:rgba(255,255,255,0.05);}.card{background:var(--card);border:1px solid rgba(255,255,255,0.04);border-radius:14px;padding:16px;box-shadow:0 14px 40px rgba(0,0,0,0.35);}.map-card{padding:0;overflow:hidden;}.map-header{padding:12px 16px 0;}.map-container{width:100%;height:260px;border-radius:12px;overflow:hidden;}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;}.restaurant-card{display:flex;align-items:center;gap:12px;cursor:pointer;border:1px solid rgba(255,255,255,0.06);border-radius:12px;padding:12px;background:rgba(255,255,255,0.02);transition:border-color 0.2s ease,transform 0.1s ease;}.restaurant-card:hover{border-color:rgba(255,255,255,0.15);transform:translateY(-1px);}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px;}.filter-field{display:flex;flex-direction:column;gap:6px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:10px;min-width:160px;color:var(--muted);}.filter-field select{padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.03);color:var(--text);}.progress{width:100%;height:8px;background:rgba(255,255,255,0.08);border-radius:999px;overflow:hidden;}.progress-bar{height:100%;background:linear-gradient(90deg,var(--accent),#4af0c2);width:0%;transition:width 0.3s ease;}.line-blocker{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:20px;background:radial-gradient(circle at 20% 20%,rgba(0,195,137,0.1),rgba(4,23,22,0.95) 60%);z-index:9999;}.line-blocker-card{max-width:420px;width:100%;background:#112023;border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:20px;box-shadow:0 14px 40px rgba(0,0,0,0.45);}.debug-panel{margin-top:16px;padding:12px;background:rgba(255,255,255,0.04);border:1px dashed rgba(255,255,255,0.2);border-radius:10px;color:var(--muted);font-size:12px;max-height:220px;overflow:auto;white-space:pre-wrap;}.menu-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;}.menu-grid{display:flex;flex-direction:column;gap:10px;}.menu-item strong{font-size:15px;}.menu-item small{color:var(--muted);}.menu-text{flex:1;min-width:0;}.qty{display:flex;align-items:center;gap:6px;flex-shrink:0;}button,input,select,textarea{font:inherit;}button{background:var(--accent);color:#041716;border:none;border-radius:10px;padding:12px 16px;min-height:44px;font-weight:700;cursor:pointer;transition:transform 0.1s ease,opacity 0.2s ease;}button.secondary{background:transparent;color:var(--text);border:1px solid rgba(255,255,255,0.1);}button.danger{background:var(--danger);color:#1b0b0b;}button:active{transform:translateY(1px);}button:focus-visible,a.pill:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}form{display:grid;gap:12px;}label{display:grid;gap:6px;font-weight:600;color:var(--text);}input[type="text"],input[type="tel"],textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.03);color:var(--text);}.pill{display:inline-flex;gap:6px;align-items:center;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,0.08);color:var(--text);font-size:12px;}a.pill{text-decoration:none;color:inherit;}.pill.active{background:rgba(255,255,255,0.18);color:var(--text);box-shadow:inset 0 -2px 0 var(--accent);}.total{font-size:20px;font-weight:700;}.orders{width:100%;border-spacing:0;}.orders th,.orders td{padding:10px;text-align:left;}.menu-thumb{width:68px;height:68px;border-radius:12px;object-fit:cover;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.05);flex-shrink:0;cursor:pointer;}.menu-text{flex:1;}.orders tbody tr:nth-child(odd){background:rgba(255,255,255,0.02);}.orders tbody tr:nth-child(even){background:rgba(255,255,255,0.05);}.status{font-weight:700;font-size:13px;}.status.New{color:#ffdd57;}.status.Preparing{color:#76b5ff;}.status.Ready{color:#48e0a4;}.status.Completed{color:#b6f397;}.status.Cancelled{color:var(--danger);}.table-tools{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px;align-items:center;}.table-tools input[type="search"]{padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,0.12);background:rgba(255,255,255,0.08);color:var(--text);min-width:220px;}.sortable{cursor:pointer;user-select:none;}.sortable::after{content:" ⇅";color:var(--muted);font-size:12px;}.sortable[data-direction="asc"]::after{content:" ↑";}.sortable[data-direction="desc"]::after{content:" ↓";}.page-title{margin:8px 0 14px;font-size:26px;letter-spacing:0.3px;}.button-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-start;}.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.65);align-items:center;justify-content:center;padding:20px;z-index:200;}.modal.open{display:flex;}.modal-card{max-width:520px;width:100%;max-height:85vh;overflow:auto;position:relative;}.badge{display:inline-flex;align-items:center;gap:4px;padding:6px 8px;border-radius:999px;font-size:12px;background:rgba(255,255,255,0.1);}fieldset{border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:12px;margin:8px 0;}legend{padding:0 6px;color:var(--text);font-weight:700;}@media (max-width:600px){.menu-item{align-items:flex-start;flex-direction:column;}.qty{width:100%;justify-content:space-between;}header{flex-direction:column;align-items:flex-start;}}