:root{--bg:#f5f2ee;--surface:#fff;--ink:#1c1917;--muted:#78716c;--line:#e7e0d8;--accent:#c2410c;--accent-soft:#ffedd5;--ok:#15803d;--ok-soft:#dcfce7;--warn:#b45309;--warn-soft:#fef3c7;--danger:#b91c1c;--radius:14px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0}#root{min-height:100vh}.login{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);gap:16px;width:100%;max-width:380px;padding:32px;display:grid}.login-card h1{margin:0;font-size:24px}.login-card p{color:var(--muted);margin:0;font-size:14px}.shell{max-width:960px;margin:0 auto;padding:16px 16px 90px}.topbar{justify-content:space-between;align-items:baseline;gap:12px;padding:8px 4px 16px;display:flex}.topbar h1{margin:0;font-size:20px}.topbar .venue{color:var(--muted);font-size:14px}.tabs{background:var(--surface);border-top:1px solid var(--line);z-index:10;display:flex;position:fixed;bottom:0;left:0;right:0}.tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;flex:1;padding:14px 4px 16px;font-size:14px}.tabs button.active{color:var(--accent);font-weight:700}.tabs button .badge{background:var(--accent);color:#fff;border-radius:999px;min-width:20px;margin-left:6px;padding:1px 6px;font-size:12px;display:inline-block}.list{gap:10px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.card.new{border-left:5px solid var(--accent)}.card-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.card-head .table{font-size:16px;font-weight:700}.card-head time{color:var(--muted);white-space:nowrap;font-size:13px}.card-body{margin-top:8px;font-size:15px;line-height:1.5}.card-body .note{color:var(--muted);font-style:italic}.card-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.pill{border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.pill.siparis{background:var(--accent-soft);color:var(--accent)}.pill.hesap{background:var(--warn-soft);color:var(--warn)}.pill.servis{color:#4338ca;background:#e0e7ff}.pill.tamam{background:var(--ok-soft);color:var(--ok)}.pill.offline{color:var(--danger);background:#fee2e2}.pill.online{background:var(--ok-soft);color:var(--ok)}button.primary,button.ghost,button.danger{cursor:pointer;border:1px solid #0000;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:600}button.primary{background:var(--ink);color:#fff}button.ghost{border-color:var(--line);color:var(--ink);background:0 0}button.danger{border-color:var(--line);color:var(--danger);background:0 0}button:disabled{opacity:.5;cursor:default}input,select{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);border-radius:10px;padding:10px 12px;font-size:15px}label{color:var(--muted);gap:4px;font-size:13px;display:grid}.row{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.row>*{flex:1;min-width:120px}.row>.fix{flex:none;min-width:0}.section-title{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:20px 4px 8px;font-size:14px;font-weight:700}.chips{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.chip{background:var(--bg);border:1px solid var(--line);border-radius:999px;align-items:center;gap:4px;padding:4px 6px 4px 12px;display:inline-flex}.chip input{background:0 0;border:0;width:130px;padding:2px;font-size:14px}.chip button{color:var(--danger);cursor:pointer;background:0 0;border:0;padding:0 6px;font-size:16px}.editor{gap:10px;display:grid}.group-editor{border:1px dashed var(--line);background:var(--bg);border-radius:10px;gap:8px;padding:12px;display:grid}.checkline{align-self:end}.checkline span{align-items:center;gap:6px;font-size:13px;display:inline-flex}.checkline input[type=checkbox]{width:auto}.option-row{align-items:end}.item-option{color:var(--accent);font-size:13px}.empty{text-align:center;color:var(--muted);padding:48px 16px;font-size:15px}.error-banner{color:var(--danger);background:#fee2e2;border-radius:10px;margin-bottom:12px;padding:10px 14px;font-size:14px}.total{font-weight:700}.muted{color:var(--muted);font-size:13px}@media (width>=720px){.tabs{background:0 0;border:0;gap:8px;padding:0 0 16px;position:static}.tabs button{background:var(--surface);border:1px solid var(--line);border-radius:999px;flex:none;padding:8px 18px}.tabs button.active{border-color:var(--accent)}.shell{padding-bottom:24px}}