:root{font-family:system-ui,-apple-system,PingFang TC,Noto Sans TC,sans-serif;color:#1c2b33;--blue: #0e6ba8;--blue-dark: #094c77;--red: #c0392b;--green: #1e8e4e;--line: #e3ebf0}*{box-sizing:border-box}html,body{margin:0;background:#f5f8fa;overflow-x:hidden}#root{max-width:480px;margin:0 auto}.app{min-height:100vh;padding-bottom:72px}.topbar{position:sticky;top:0;z-index:5;background:var(--blue);color:#fff;font-weight:700;padding:12px 16px}.page,.pad{padding:16px}h1{font-size:20px;margin:4px 0 12px}.muted{color:#5a6b76}.small{font-size:12px}.block{display:block}.warn{color:var(--red)}.ok{color:var(--green)}.neg{color:var(--red)}.pos{color:var(--green)}.mono{font-variant-numeric:tabular-nums}.card{display:block;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;margin:0 0 10px;text-decoration:none;color:inherit;overflow-wrap:anywhere}.card.inner{margin:6px 0}.list-row{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.list-row .right,.ledger-row .right{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.stack{display:flex;flex-direction:column}.stack.small>*+*{margin-top:8px}.stack>*+button{margin-top:10px}.row{display:flex;gap:8px;flex-wrap:wrap}.grow{flex:1;min-width:120px}.kv{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--line)}.kv:last-child{border-bottom:none}.section-title{font-weight:700;margin:14px 0 8px}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:10px;font-size:14px}.field input,.field select,.field textarea{font:inherit;padding:10px;border:1px solid #c7d4dd;border-radius:8px;width:100%;min-width:0;background:#fff}.btn{display:inline-block;font:inherit;font-weight:600;border:1px solid #c7d4dd;border-radius:10px;background:#fff;color:var(--blue-dark);padding:12px 16px;min-height:44px;cursor:pointer;text-decoration:none;text-align:center}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.success{background:var(--green);border-color:var(--green);color:#fff}.btn.danger{background:#fff;border-color:var(--red);color:var(--red)}.btn:disabled{opacity:.5;cursor:not-allowed}.segmented{display:flex;gap:6px}.seg{flex:1;font:inherit;padding:10px;min-height:44px;border:1px solid #c7d4dd;border-radius:10px;background:#fff;cursor:pointer}.seg.on{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:700}.seg:disabled{opacity:.45}.pick{display:flex;gap:10px;align-items:flex-start;cursor:pointer}.pick.disabled{opacity:.55;cursor:not-allowed}.pick.on{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}.pick input{margin-top:4px;flex-shrink:0}.pick-body{display:flex;flex-direction:column;gap:2px;min-width:0}.lines{list-style:none;margin:0;padding:0}.lines li{display:flex;justify-content:space-between;gap:12px;padding:4px 0}.lines .total{border-top:1px solid var(--line);margin-top:4px;padding-top:8px;font-weight:700}.total-line .muted{font-size:12px}.ledger-row{display:flex;justify-content:space-between;gap:8px;align-items:center}.balance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.balance{display:flex;flex-direction:column;gap:4px;text-align:center}.pager{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:12px 0}.banner{border-radius:10px;padding:10px 12px;margin-bottom:12px;font-size:14px}.banner.error{background:#fdecea;color:var(--red);border:1px solid #f5c6c0}.tag{font-size:12px;padding:2px 8px;border-radius:999px;background:#e8f1f7;color:var(--blue-dark);white-space:nowrap}.tag.IN_PROGRESS{background:#fff3cd;color:#7a5b00}.tag.COMPLETED{background:#e4f4ea;color:var(--green)}.tag.CANCELLED_BY_MEMBER,.tag.CANCELLED_BY_CLUB{background:#eee;color:#666}.empty{text-align:center;padding:32px 8px;display:flex;flex-direction:column;gap:12px;align-items:center}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tile{min-height:64px;display:flex;align-items:center;font-weight:600}.member-card{text-align:center;display:flex;flex-direction:column;gap:6px;padding:24px 16px}.member-no{font-size:26px;letter-spacing:2px;color:var(--blue-dark)}.tabs{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;display:flex;background:#fff;border-top:1px solid var(--line);z-index:10}.tabs a{flex:1;text-align:center;padding:12px 4px;font-size:12px;color:#5a6b76;text-decoration:none}.tabs a.active{color:var(--blue);font-weight:700}.sticky-confirm{position:sticky;bottom:72px;padding:10px 0;background:linear-gradient(transparent,#f5f8fa 30%)}.sticky-confirm .btn{width:100%}.topbar.staff{display:flex;justify-content:space-between;align-items:center;gap:8px}.staff-user{font-size:13px;display:flex;align-items:center;gap:8px}.tabs.staff-tabs{flex-wrap:wrap}.btn.tiny{padding:4px 10px;font-size:13px;width:auto}.timeline{display:flex;flex-direction:column;gap:10px}.timeline .col{margin:0}.booking-card{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;border-top:1px solid #eee;padding:8px 0}.booking-card.soon{border-left:3px solid #f0a020;padding-left:8px}.booking-card .right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.tag.CONFIRMED{background:#e6f4ea;color:#1e7e34}.tag.IN_PROGRESS{background:#fff3cd;color:#8a6d1a}.tag.COMPLETED{background:#e8eef7;color:#2a5298}.tag.CANCELLED_BY_MEMBER,.tag.CANCELLED_BY_CLUB,.tag.NO_SHOW{background:#fdecea;color:#b3261e}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:50;padding:12px}.modal{background:#fff;border-radius:12px;padding:16px;width:min(94vw,440px);max-height:88vh;overflow:auto;display:flex;flex-direction:column;gap:8px}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.action-card{display:flex;flex-direction:column;gap:8px}.tiny-input{width:76px}.banner.ok{background:#e6f4ea;color:#1e7e34}.check{display:flex;align-items:center;gap:6px;font-size:14px}