:root{--bg:#080808;--surface:#11110f;--surface2:#171613;--line:rgba(246,239,230,.1);--cream:#f7efe4;--muted:#978e85;--orange:#ff5a1f;--orange2:#ff873a;--gold:#f2c35b;--green:#6ed39a;--red:#ff7474;--blue:#70a8ff;--fa:'Vazirmatn',Tahoma,sans-serif;--display:'Bricolage Grotesque',var(--fa);--mono:'Space Mono',monospace}
*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--cream);font-family:var(--fa);line-height:1.65;min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}[hidden]{display:none!important}
.admin-brand{font:800 27px var(--display);direction:ltr;letter-spacing:-.055em}.admin-brand b{color:var(--orange)}.admin-brand i{display:inline-block;width:7px;height:7px;background:var(--orange);border-radius:50%;margin-left:3px}
.admin-login{min-height:100vh;display:grid;place-items:center;padding:24px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(255,90,31,.11),transparent 30%),#070707}.login-orbit{position:absolute;width:650px;height:650px;border:1px solid rgba(255,255,255,.05);border-radius:50%}.login-orbit::after{content:"";position:absolute;inset:65px;border:1px dashed rgba(255,90,31,.16);border-radius:50%;animation:spin 35s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.login-card{position:relative;z-index:2;width:min(430px,100%);padding:42px;border:1px solid var(--line);border-radius:25px;background:rgba(15,15,14,.86);backdrop-filter:blur(20px);box-shadow:0 35px 90px rgba(0,0,0,.5)}.login-card>small,.panel header small,.admin-topbar small,.product-form>small{display:block;font:700 9px var(--mono);letter-spacing:.17em;text-transform:uppercase;color:var(--orange);direction:ltr;margin-top:17px}.login-card h1{font-size:29px;margin:5px 0 9px}.login-card>p{font-size:12px;color:var(--muted);margin-bottom:25px}.login-card label{display:grid;gap:8px}.login-card label span,.product-form label>span{font-size:11px;font-weight:700;color:#beb5ac}.login-card input,.product-form input,.product-form textarea,.product-form select{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.035);color:var(--cream);border-radius:12px;padding:12px 13px;outline:none}.login-card input:focus,.product-form input:focus,.product-form textarea:focus,.product-form select:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,90,31,.08)}.login-card button,.primary-admin-button{border:0;background:var(--orange);color:#1c0902;font-weight:900;border-radius:12px;min-height:46px;padding:0 18px;transition:.2s}.login-card button{width:100%;margin-top:12px}.login-card button:hover,.primary-admin-button:hover{background:var(--orange2);transform:translateY(-1px)}.login-card button:disabled,.primary-admin-button:disabled{opacity:.55;cursor:not-allowed}.login-error,.form-message{min-height:20px;color:var(--red);font-size:11px;margin-top:8px}.back-store{display:block;text-align:center;color:var(--muted);font-size:11px;margin-top:18px}
.admin-app{min-height:100vh}.admin-sidebar{position:fixed;right:0;top:0;bottom:0;width:245px;border-left:1px solid var(--line);background:#0b0b0a;padding:24px 17px;display:flex;flex-direction:column;z-index:50;transition:.3s}.sidebar-head{display:flex;justify-content:space-between;align-items:center;padding:0 8px 24px;border-bottom:1px solid var(--line)}.sidebar-head span{font:700 9px var(--mono);color:var(--gold);letter-spacing:.12em}.admin-sidebar nav{display:grid;gap:7px;padding-top:24px}.admin-sidebar nav button{height:46px;border:0;border-radius:12px;background:transparent;color:var(--muted);display:flex;align-items:center;gap:11px;padding:0 13px;text-align:right;font-weight:700;font-size:13px}.admin-sidebar nav button>span{font-size:19px;width:22px}.admin-sidebar nav button b{margin-right:auto;min-width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:#1b0802;font:700 10px var(--mono)}.admin-sidebar nav button.active,.admin-sidebar nav button:hover{background:rgba(255,90,31,.1);color:var(--cream)}.admin-sidebar nav button.active{box-shadow:inset -3px 0 var(--orange)}.sidebar-bottom{margin-top:auto;display:grid;gap:8px;border-top:1px solid var(--line);padding-top:18px}.sidebar-bottom a,.sidebar-bottom button{background:transparent;border:0;color:var(--muted);text-align:right;padding:8px;font-size:11px}.sidebar-bottom a:hover{color:var(--gold)}.sidebar-bottom button:hover{color:var(--red)}
.admin-main{margin-right:245px;min-height:100vh;padding:0 30px 50px}.admin-topbar{min-height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:29px}.admin-topbar>div{display:flex;align-items:center;gap:14px}.admin-topbar small{margin:0}.admin-topbar h1{font-size:26px;line-height:1.3}.sidebar-toggle{display:none;width:42px;height:42px;border-radius:11px;border:1px solid var(--line);background:transparent;color:var(--cream)}.topbar-actions button{height:39px;padding:0 13px;border-radius:10px;border:1px solid var(--line);background:transparent;color:var(--cream);font-size:11px}.sync-state{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px}.sync-state i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(110,211,154,.1)}.sync-state.error i{background:var(--red)}
.admin-view{display:none}.admin-view.active{display:block}.stats-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stats-cards article{min-height:155px;border:1px solid var(--line);border-radius:17px;padding:20px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.014));position:relative;overflow:hidden}.stats-cards article>div{display:flex;flex-direction:column}.stats-cards span{font-size:11px;color:var(--muted)}.stats-cards strong{font:800 36px var(--display);line-height:1.2;direction:ltr;align-self:flex-start}.stats-cards article>i{position:absolute;left:17px;top:18px;font-style:normal;font-size:25px}.stats-cards small{position:absolute;bottom:18px;color:#746c64;font-size:9px}.overview-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:15px;margin-top:15px}.panel{border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.018);overflow:hidden}.panel>header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--line)}.panel header small{margin:0}.panel header h2{font-size:18px}.panel header button{background:transparent;border:0;color:var(--gold);font-size:10px}.recent-orders{padding:9px 15px}.recent-order{width:100%;border:0;background:transparent;color:inherit;text-align:right;display:grid;grid-template-columns:85px 1fr auto;gap:12px;align-items:center;padding:13px 5px;border-bottom:1px solid var(--line)}.recent-order:last-child{border-bottom:0}.recent-order code{font:700 11px var(--mono);color:var(--gold);direction:ltr}.recent-order h3{font-size:12px}.recent-order p{font-size:9px;color:var(--muted)}.status-pill{display:inline-flex;align-items:center;padding:5px 9px;border-radius:99px;font-size:9px;font-weight:800;background:rgba(112,168,255,.12);color:#9ec3ff}.status-new{background:rgba(255,90,31,.13);color:var(--orange2)}.status-preparing,.status-confirmed{background:rgba(242,195,91,.13);color:var(--gold)}.status-ready,.status-courier{background:rgba(112,168,255,.13);color:#9ec3ff}.status-delivered{background:rgba(110,211,154,.13);color:var(--green)}.status-cancelled{background:rgba(255,116,116,.12);color:var(--red)}
.kitchen-panel{min-height:400px}.kitchen-chart{height:270px;padding:28px 24px 15px;display:flex;align-items:flex-end;gap:13px}.chart-column{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;height:100%;justify-content:flex-end}.chart-bars{height:210px;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:3px}.chart-bar{width:9px;min-height:3px;border-radius:5px 5px 2px 2px;background:var(--orange)}.chart-bar.preparing{background:var(--gold)}.chart-bar.delivered{background:var(--green)}.chart-column small{font-size:8px;color:var(--muted)}.kitchen-legend{display:flex;justify-content:center;gap:13px;padding:0 10px 20px}.kitchen-legend span{font-size:8px;color:var(--muted)}.kitchen-legend i{display:inline-block;width:7px;height:7px;border-radius:2px;margin-left:4px;background:var(--orange)}.kitchen-legend i.preparing{background:var(--gold)}.kitchen-legend i.delivered{background:var(--green)}
.view-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}.filter-group{display:flex;gap:6px;flex-wrap:wrap}.filter-group button{height:36px;padding:0 13px;border-radius:9px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:10px}.filter-group button.active{background:var(--cream);color:#15110d;border-color:var(--cream)}.admin-search{height:40px;width:260px;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:7px;padding:0 12px;color:var(--orange)}.admin-search input{width:100%;border:0;outline:0;background:transparent;color:var(--cream);font-size:10px}.toolbar-note{color:var(--muted);font-size:11px}.primary-admin-button{min-height:40px;font-size:11px}.primary-admin-button.full{width:100%;margin-top:7px}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:850px}th{text-align:right;color:#756d65;font-size:9px;font-weight:600;padding:13px 16px;border-bottom:1px solid var(--line)}td{padding:14px 16px;border-bottom:1px solid var(--line);font-size:11px;vertical-align:middle}tbody tr:hover{background:rgba(255,255,255,.018)}td code{font:700 10px var(--mono);color:var(--gold);direction:ltr}.customer-cell b,.product-cell b{display:block;font-size:11px}.customer-cell span,.product-cell span{display:block;color:var(--muted);font-size:9px}.items-preview{max-width:230px;color:var(--muted);font-size:9px}.price-cell{white-space:nowrap;font-weight:800}.time-cell{white-space:nowrap;color:var(--muted);font-size:9px}.status-select{border:1px solid var(--line);border-radius:8px;background:#141311;color:var(--cream);padding:6px 8px;font-size:9px;outline:0}.row-action{width:32px;height:32px;border-radius:8px;border:1px solid var(--line);background:transparent;color:var(--cream)}.row-action:hover{border-color:var(--orange);color:var(--orange)}.admin-empty{text-align:center;color:var(--muted);padding:50px;font-size:12px}.availability-toggle{width:42px;height:23px;border-radius:99px;border:0;background:#2a2723;padding:3px;display:flex;justify-content:flex-start}.availability-toggle::after{content:"";width:17px;height:17px;background:#777;border-radius:50%;transition:.2s}.availability-toggle.on{background:rgba(110,211,154,.22);justify-content:flex-end}.availability-toggle.on::after{background:var(--green)}.featured-star{background:transparent;border:0;color:#5d554e;font-size:20px}.featured-star.on{color:var(--gold)}.product-actions{display:flex;gap:6px}.delete-action:hover{color:var(--red);border-color:var(--red)}
.admin-modal{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.72);backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px;opacity:0;visibility:hidden;transition:.25s}.admin-modal.open{opacity:1;visibility:visible}.admin-modal-card{width:min(700px,100%);max-height:92vh;overflow:auto;background:#100f0e;border:1px solid var(--line);border-radius:20px;padding:28px;position:relative;box-shadow:0 35px 90px rgba(0,0,0,.55);transform:translateY(18px);transition:.25s}.admin-modal.open .admin-modal-card{transform:none}.modal-x{position:absolute;left:15px;top:15px;width:35px;height:35px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--cream);font-size:20px}.order-modal-card{width:min(760px,100%)}.order-detail-head{display:flex;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--line)}.order-detail-head code{font:800 20px var(--mono);color:var(--gold);direction:ltr}.order-detail-head p{font-size:10px;color:var(--muted)}.order-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.detail-box{border:1px solid var(--line);border-radius:12px;padding:14px}.detail-box small{display:block;color:var(--muted);font-size:8px}.detail-box b{font-size:11px}.order-items-detail{display:grid;gap:7px}.order-item-detail{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:11px}.order-total-lines{margin-top:15px;margin-right:auto;width:min(300px,100%);display:grid;gap:7px}.order-total-lines div{display:flex;justify-content:space-between;font-size:10px}.order-total-lines .total{font-size:15px;border-top:1px solid var(--line);padding-top:10px;color:var(--gold)}
.product-form>small{margin:0}.product-form h2{font-size:23px;margin:3px 0 20px}.product-form{display:grid;gap:12px}.product-form label{display:grid;gap:6px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.product-form select option{background:#171512}.switch-row{display:flex;gap:20px;padding:10px 0}.switch-row label{display:flex;align-items:center;gap:8px;grid-template-columns:auto 1fr}.switch-row input{width:auto}.admin-toast{position:fixed;z-index:150;left:25px;bottom:25px;padding:12px 16px;border-radius:10px;background:var(--cream);color:#17110d;font-size:11px;font-weight:800;opacity:0;transform:translateY(20px);transition:.25s;pointer-events:none}.admin-toast.show{opacity:1;transform:none}.admin-toast.error{background:#ffc0c0;color:#3c0a0a}
@media(max-width:1100px){.stats-cards{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1fr}.kitchen-panel{min-height:auto}.footer-grid{grid-template-columns:1fr}}
@media(max-width:820px){.admin-sidebar{transform:translateX(105%);box-shadow:-30px 0 70px rgba(0,0,0,.45)}.admin-sidebar.open{transform:none}.admin-main{margin-right:0;padding:0 16px 35px}.sidebar-toggle{display:block}.admin-topbar{min-height:78px}.topbar-actions .sync-state{display:none}.view-toolbar{align-items:stretch;flex-direction:column}.admin-search{width:100%}.stats-cards{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.order-detail-grid{grid-template-columns:1fr}}
@media(max-width:520px){.login-card{padding:32px 22px}.stats-cards{grid-template-columns:1fr}.topbar-actions button{font-size:0;width:42px}.topbar-actions button::first-letter{font-size:18px}.admin-modal{padding:7px}.admin-modal-card{padding:24px 15px}.filter-group{flex-wrap:nowrap;overflow:auto}.filter-group button{flex:0 0 auto}}
.media-indicator{display:inline-flex;margin-right:7px;padding:2px 5px;border-radius:5px;background:rgba(255,90,31,.12);border:1px solid rgba(255,90,31,.28);color:var(--orange);font:700 7px var(--mono);font-style:normal;vertical-align:middle}