:root{--bg:#fff;--fg:#111;--card:#f4f4f4;--accent:#f59e0b;--muted:#e5e7eb;--green-soft-bg:#eaf6ef;--green-soft-bd:#bfe3cb;--green-soft-fg:#1f6d3d;--red-soft-bg:#fdecec;--red-soft-bd:#f5c2c2;--red-soft-fg:#b00020;--orange-soft-bg:#fff3e0;--orange-soft-bd:#fad7a0;--orange-soft-fg:#a05a00}*{box-sizing:border-box}body,html{padding:0;margin:0;background:var(--bg);color:var(--fg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}.container{max-width:1024px;margin:80px auto 40px;padding:0 20px}.title{margin:0 0 12px;color:var(--fg)}.subtitle{margin:20px 0 8px;color:var(--fg)}.small{opacity:.9;font-size:12px;color:var(--fg)}.topbar{position:fixed;top:0;left:0;right:0;height:56px;padding:0 16px;display:flex;align-items:center;gap:12px;background:#fff;border-bottom:1px solid var(--muted);z-index:20}.brand{font-weight:700;letter-spacing:.2px;color:var(--fg)}.spacer{flex:1 1}.today{opacity:.85;font-size:14px;margin-right:8px;color:var(--fg)}.btn{padding:10px 16px;border-radius:12px;border:1px solid var(--muted);background:#ff8a00;color:#0b1220;cursor:pointer;font-size:15px;font-weight:600}.btn:hover{filter:brightness(1.07)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--fg);border-color:#2b3a55}.input{width:100%;padding:12px;border-radius:12px;border:1px solid var(--muted);background:#fff;font-size:15px}.input,.lbl{color:var(--fg)}.lbl{display:block;font-size:13px;margin:6px 0}.row{display:flex;gap:10px;align-items:center;margin:10px 0}.cardlist{display:grid;grid-gap:12px;gap:12px}.card-btn{display:flex;align-items:center;gap:12px;text-align:left;padding:16px;background:#f4f4f4;border:1px solid var(--muted);border-radius:16px;cursor:pointer;color:var(--fg)}.card-btn:hover{border-color:#e3a858}.card-title{font-size:16px;color:var(--fg);font-weight:600}.chip{font-size:12px;padding:4px 8px;background:var(--orange-soft-bg);border:1px solid var(--orange-soft-bd);border-radius:999px;color:var(--orange-soft-fg);font-weight:600}.card-btn.done{background:var(--green-soft-bg);border-color:var(--green-soft-bd)}.card-btn.done .chip{background:#dcf2e3;border-color:var(--green-soft-bd);color:var(--green-soft-fg)}.card-btn.nodelivery{background:var(--red-soft-bg);border-color:var(--red-soft-bd)}.card-btn.nodelivery .chip{background:#ffe3e3;border-color:var(--red-soft-bd);color:var(--red-soft-fg)}.table{width:100%;border-collapse:collapse;color:var(--fg)}.table td,.table th{padding:10px;border-bottom:1px solid var(--muted);text-align:left}