:root{--bg:#f5f4f0;--card:#fff;--field:#fff;--line:#e2ded6;--text:#221f1a;--muted:#7d766c;--placeholder:#b6afa4;--accent:#b4552d;--accent-soft:#fbeee7;--accent-line:#e6c3b1;--danger:#c0392b;--danger-soft:#fdf0ee;--danger-line:#eab6b0;--ok:#2e7d4f;--ok-soft:#eff7f2;--ok-line:#b3d7c2;--on-accent:#fff;--toast-bg:#2b2721;--toast-action:#ffcf9e;--shadow:#00000029;--radius:14px;--pad:16px;font-size:18px}:root[data-theme=dark]{--bg:#17150f;--card:#221f19;--field:#2a2620;--line:#3a352d;--text:#f1ece2;--muted:#a89f92;--placeholder:#6d665c;--accent:#e08b58;--accent-soft:#3a2a1f;--accent-line:#6b4a33;--danger:#f08076;--danger-soft:#3a221f;--danger-line:#6d3a34;--ok:#74c295;--ok-soft:#1e2f26;--ok-line:#375a45;--on-accent:#1a140f;--toast-bg:#3a352d;--toast-action:#ffcf9e;--shadow:#00000080}:root[data-size=large]{font-size:20px}:root[data-size=xlarge]{font-size:23px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{background:var(--bg)}body{background:var(--bg);min-height:100vh;color:var(--text);margin:0;font-family:-apple-system,PingFang TC,Noto Sans TC,Helvetica Neue,sans-serif;line-height:1.5}#root{max-width:640px;margin:0 auto}.demo-bar{background:var(--accent);color:var(--on-accent);padding:calc(env(safe-area-inset-top) + 8px) var(--pad) 8px;align-items:center;gap:10px;font-size:.86rem;font-weight:600;display:flex}.demo-bar button{min-height:34px;color:var(--accent);background:var(--on-accent);border-radius:999px;padding:0 14px;font-size:.86rem;font-weight:700}.demo-bar~* .topbar{padding-top:10px}.screen{padding:var(--pad);padding-bottom:170px}.topbar{z-index:10;background:var(--bg);padding:calc(env(safe-area-inset-top) + 10px) var(--pad) 10px;border-bottom:1px solid var(--line);align-items:center;gap:10px;display:flex;position:sticky;top:0}.topbar h1{flex:1;margin:0;font-size:1.15rem;font-weight:600}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:var(--pad);margin-bottom:12px}.row{align-items:center;gap:10px;display:flex}.row-label{width:4.6em;color:var(--muted);flex:none;font-size:.9rem}.grow{flex:1;min-width:0}.muted{color:var(--muted)}.col-head{color:var(--muted);margin-bottom:4px;font-size:.82rem}.phone-lg{font-size:1.12rem}.phone-lg a{color:var(--text);border-bottom:1px solid var(--line);text-decoration:none}.small{font-size:.85rem}.right{text-align:right}.spacer{flex:1}input,select,textarea,button{color:var(--text);font-family:inherit;font-size:1rem}input,select,textarea{border:1px solid var(--line);background:var(--field);border-radius:10px;width:100%;min-height:48px;padding:12px}textarea{resize:vertical;min-height:90px}input::placeholder,textarea::placeholder{color:var(--placeholder)}select{appearance:none;background-image:none}input.bad,select.bad,textarea.bad,button.bad{border-color:var(--danger);background:var(--danger-soft)}button.bad{color:var(--danger)}label.field{margin-bottom:14px;display:block}label.field>span{color:var(--muted);margin-bottom:6px;font-size:.9rem;display:block}button{cursor:pointer;background:0 0;border:none;border-radius:10px;min-height:48px;padding:0 14px}.btn{background:var(--accent);color:var(--on-accent);width:100%;min-height:54px;font-size:1.05rem;font-weight:600}.btn:disabled{opacity:.45}.btn.secondary{background:var(--field);color:var(--text);border:1px solid var(--line)}.btn.danger{background:var(--field);color:var(--danger);border:1px solid var(--line)}.btn.ok{background:var(--ok);color:var(--on-accent)}.btn.small{width:auto;min-height:42px;padding:0 16px;font-size:.95rem}.btn.secondary.bad{border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}.segmented{gap:8px;display:flex}.segmented button{border:1px solid var(--line);background:var(--field);flex:1;min-height:50px;font-size:.98rem}.segmented button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}.icon-btn{min-width:48px;min-height:48px;color:var(--muted);justify-content:center;align-items:center;font-size:1.3rem;display:flex}.order-card{background:var(--card);border:1px solid var(--line);border-left:5px solid var(--line);border-radius:var(--radius);text-align:left;width:100%;margin-bottom:10px;padding:14px;display:block}.order-card.overdue{border-left-color:var(--danger);background:var(--danger-soft)}.order-card.done{border-left-color:var(--ok);opacity:.72}.order-card .title{font-size:1.05rem;font-weight:600}.order-card .items{color:var(--muted);margin-top:2px;font-size:.92rem}.order-card .meta{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.tag{border:1px solid var(--line);background:var(--field);border-radius:999px;padding:2px 9px;font-size:.78rem;display:inline-block}.tag.red{color:var(--danger);border-color:var(--danger-line);background:var(--danger-soft)}.tag.green{color:var(--ok);border-color:var(--ok-line);background:var(--ok-soft)}.tag.owed{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft)}.actionbar{background:var(--bg);border-top:1px solid var(--line);width:100%;max-width:640px;padding:12px var(--pad);padding-bottom:calc(env(safe-area-inset-bottom) + 12px);z-index:20;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.actionbar.above-tabs{bottom:calc(env(safe-area-inset-bottom) + 58px);padding-bottom:12px}.tabbar{background:var(--card);border-top:1px solid var(--line);width:100%;max-width:640px;padding-bottom:env(safe-area-inset-bottom);z-index:15;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tabbar button{min-height:58px;color:var(--muted);border-radius:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:.85rem;display:flex}.tabbar button[aria-current=true]{color:var(--accent);font-weight:600}.tabbar .ico{font-size:1.2rem}.sheet-backdrop{z-index:100;background:#00000073;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--card);width:100%;max-width:640px;padding:22px var(--pad);padding-bottom:calc(env(safe-area-inset-bottom) + 22px);border-radius:18px 18px 0 0}.sheet h2{margin:0 0 12px;font-size:1.1rem}.checkline{text-align:left;border:1px solid var(--line);background:var(--field);align-items:center;gap:12px;width:100%;min-height:56px;margin-bottom:14px;padding:0 14px;font-size:1rem;display:flex}.checkline[aria-pressed=true]{border-color:var(--ok);background:var(--ok-soft)}.checkline .box{border:2px solid var(--line);width:28px;height:28px;color:var(--on-accent);border-radius:7px;flex:none;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}.checkline[aria-pressed=true] .box{background:var(--ok);border-color:var(--ok)}.toast{left:50%;bottom:calc(env(safe-area-inset-bottom) + 150px);background:var(--toast-bg);color:#fff;z-index:60;border-radius:12px;align-items:center;gap:12px;width:min(608px,100% - 32px);padding:12px 16px;display:flex;position:fixed;transform:translate(-50%)}.toast button{color:var(--toast-action);min-height:32px;padding:0;font-weight:600}.list-head{color:var(--muted);margin:4px 2px 8px;font-size:.85rem;font-weight:600}.list-head.danger{color:var(--danger)}.list-head+.order-card{margin-top:0}.order-card+.list-head{margin-top:18px}.empty{text-align:center;color:var(--muted);padding:48px 20px}.error{color:var(--danger);margin:8px 0;font-size:.9rem}.notice{background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:var(--radius);margin-bottom:12px;padding:12px 14px}