:root{--ink:#241519;--orange:#ff762b;--paper:#fffdf9;--cream:#fff8ef;--line:#eadfd8;--muted:#796d68;--green:#1d8b61}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,sans-serif}button,input,textarea{font:inherit}.eyebrow{margin:0;color:var(--orange);font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.logo{width:64px;height:64px;display:grid;place-items:center;border-radius:18px;background:var(--orange);color:white;font-size:32px;font-weight:900}.logo.small{width:52px;height:52px;font-size:26px}.menu-head,.panel-head{display:flex;align-items:center;gap:15px;min-height:96px;padding:18px max(18px,calc((100vw - 1080px)/2));background:var(--ink);color:white}.menu-head h1,.panel-head h1{margin:0;text-transform:uppercase}.table-pill{margin-left:auto;display:flex;align-items:center;gap:8px;border:1px solid #ffffff33;border-radius:99px;padding:6px 7px 6px 13px;font-weight:bold}.table-pill input{width:62px;border:0;border-radius:99px;background:var(--orange);color:white;padding:10px;text-align:center;font-weight:900}.categories{position:sticky;top:0;z-index:3;display:flex;gap:8px;overflow:auto;padding:11px max(18px,calc((100vw - 1080px)/2));background:#fff8eff2;border-bottom:1px solid var(--line)}.categories a{flex:none;padding:9px 14px;border:1px solid var(--line);border-radius:99px;background:white;color:var(--ink);text-decoration:none;font-weight:bold}.menu-wrap{max-width:1080px;margin:auto;padding:20px}.menu-wrap section{scroll-margin-top:70px}.menu-wrap h2{text-transform:uppercase}.menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.menu-item{min-height:130px;display:flex;justify-content:space-between;gap:15px;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--paper)}.menu-item h3{margin:0 0 7px}.menu-item p{color:var(--muted)}.menu-item strong{color:var(--orange)}.add-item,.qty button{width:38px;height:38px;align-self:flex-end;border:0;border-radius:12px;background:var(--orange);color:white;font-size:24px;cursor:pointer}.cart-button{position:fixed;z-index:5;bottom:18px;left:50%;transform:translateX(-50%);width:min(520px,calc(100% - 30px));display:flex;justify-content:space-between;padding:20px;border:0;border-radius:18px;background:var(--orange);color:white;font-weight:900;box-shadow:0 14px 35px #7b2e1640}dialog{width:min(560px,calc(100% - 24px));max-height:86vh;border:0;border-radius:24px;padding:25px;box-shadow:0 30px 80px #0005}dialog::backdrop{background:#1b1012aa}.dialog-close{float:right;border:0;background:none;font-size:28px}.cart-line{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}.cart-line small{display:block;color:var(--muted);margin-top:3px}.qty{display:flex;align-items:center;gap:9px}.qty button{width:32px;height:32px;font-size:18px}.primary{min-height:48px;padding:0 20px;border:0;border-radius:12px;background:var(--orange);color:white;font-weight:900;cursor:pointer}textarea,input{width:100%;padding:11px;border:1px solid var(--line);border-radius:10px;background:white}textarea{min-height:75px;resize:vertical}label{display:grid;gap:6px;font-weight:bold}.muted{color:var(--muted)}.alert,.success{padding:12px;border-radius:10px;margin:12px 0}.alert{background:#ffebe8;color:#a52018}.success{background:#e7f7ef;color:#176b4d}.success-order{text-align:center}.check{width:64px;height:64px;display:grid;place-items:center;margin:auto;border-radius:50%;background:#e7f7ef;color:var(--green);font-size:34px}footer{text-align:center;padding:25px}footer a,.quiet-link{color:var(--muted)}.auth-bg{min-height:100vh;display:grid;place-items:center;padding:20px;background:var(--ink)}.auth-card{width:min(460px,100%);padding:32px;border-radius:24px;background:var(--paper)}.auth-card h1{margin-bottom:8px}.form-grid{display:grid;gap:14px}.form-grid hr{width:100%;border:0;border-top:1px solid var(--line)}.quiet-link{display:block;margin-top:18px;text-align:center}.panel-head{justify-content:space-between}.panel-head nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.panel-head nav a{padding:9px 12px;border:1px solid #ffffff33;border-radius:9px;color:white;text-decoration:none}.panel-bg{background:#f3f0ed}.board{display:grid;grid-template-columns:repeat(3,minmax(290px,1fr));gap:15px;padding:18px;overflow:auto}.column{min-height:calc(100vh - 132px);padding:12px;border-radius:16px;background:#e9e4e0}.column h2{display:flex;justify-content:space-between;font-size:18px}.column h2 b{padding:4px 8px;border-radius:99px;background:white}.order-list{display:grid;gap:12px}.order-card{padding:16px;border-top:5px solid var(--orange);border-radius:14px;background:white}.order-card.preparing{border-color:#3478d4}.order-card.ready{border-color:var(--green)}.order-card header{display:flex;justify-content:space-between}.order-card h3{margin:3px 0;font-size:22px}.order-card ul{padding:12px 0;border-block:1px solid var(--line);list-style:none}.order-card li{padding:4px}.order-card li b{color:var(--orange)}.order-note{padding:9px;border-radius:8px;background:#fff0e5}.total{display:flex;justify-content:space-between;margin:12px 0}.order-action{width:100%;padding:12px;border:0;border-radius:9px;background:var(--ink);color:white;font-weight:bold}.empty{text-align:center;color:var(--muted);padding:30px}.toast{position:fixed;right:20px;bottom:20px;padding:12px;background:#a52018;color:white;border-radius:10px}.admin-wrap{max-width:1080px;margin:auto;padding:20px}.admin-card{margin-bottom:18px;padding:20px;border-radius:16px;background:white}.operator-form{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:12px;align-items:end}.users{display:grid;gap:10px}.user-row{display:grid;grid-template-columns:1fr minmax(220px,1fr) auto auto;gap:8px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:12px}.user-row span{display:block;color:var(--muted);font-size:13px}.user-row form{display:flex;gap:6px}.user-row button{padding:9px;border:1px solid var(--line);border-radius:8px;background:white}.user-row .danger{color:#b42318}@media(max-width:720px){.menu-head{flex-wrap:wrap}.table-pill{width:100%;justify-content:space-between}.menu-grid{grid-template-columns:1fr}.board{grid-template-columns:repeat(3,86vw)}.panel-head{align-items:flex-start}.panel-head nav span{width:100%}.operator-form,.user-row{grid-template-columns:1fr}.user-row form{width:100%}.user-row form input{flex:1}}
