*{box-sizing:border-box} :root{--bg:#0f172a;--card:#111827;--muted:#94a3b8;--text:#e5e7eb;--accent:#22c55e;--danger:#ef4444;--warn:#f59e0b}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto}
header{padding:16px;border-bottom:1px solid #1f2937;display:flex;flex-wrap:wrap;align-items:center;gap:12px}
h1{margin:0;font-size:20px}
nav.tabs a{color:var(--text);text-decoration:none;margin-right:12px;padding:8px 12px;border:1px solid #1f2937;border-radius:12px}
nav.tabs a:hover{background:#1f2937}
.container{max-width:100%;margin:0 auto;padding:16px}
.card{background:var(--card);border:1px solid #1f2937;border-radius:16px;padding:16px;margin-bottom:16px}
.grid{display:grid;gap:12px}
.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:900px){.grid.cols-3,.grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}}
.button{display:inline-block;padding:6px 8px;background:#1f2937;border:1px solid #374151;border-radius:12px;cursor:pointer;user-select:none;text-align:center; color:white}
.button_large{display:inline-block;padding:12px 16px;background:#1f2937;border:1px solid #374151;border-radius:12px;cursor:pointer;user-select:none;text-align:center; color:white; font-size:25px; min-width:165px;}
.button_medium{display:inline-block;padding:12px 16px;background:#1f2937;border:1px solid #374151;border-radius:12px;cursor:pointer;user-select:none;text-align:center; color:white;margin-right: 15px; font-size:20px;}
.button.primary{background:var(--accent);color:#052e16;border-color:#16a34a;font-weight:700}
.button_large.primary{background:var(--accent);color:#052e16;border-color:#16a34a;font-weight:700}
.button.warn{background:var(--warn);color:#1f2937}
.button_large.warn{background:var(--warn);color:#1f2937}
.button.danger{background:var(--danger);color:#1f2937}
.price{font-size:12px;}
.toolbar{display:flex;gap:5px;flex-wrap:wrap}
input,select{background:#0b1220;color:var(--text);border:1px solid #1f2937;border-radius:10px;padding:10px}
table{width:100%;border-collapse:collapse}
th,td{padding:2px;border-bottom:1px solid #1f2937;text-align:left}
.badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px;border:1px solid #374151;color:var(--muted)}
.total{font-size:28px;font-weight:800}
.flex{display:flex;gap:12px}
.flex-1{flex:1}
/* 2/3 – 1/3 layout for order page */
.split{display:grid;grid-template-columns:2fr 1fr;gap:16px}
@media(max-width:900px){.split{grid-template-columns:1fr}}
.kitchen-card{padding:16px;border:2px dashed #374151;border-radius:16px;background:#0b1220}
.kitchen-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;font-size:25px;}