:root{--bg: #0b1f33;--bg-2: #0f2a45;--surface: #13344f;--line: #21496c;--text: #eaf2fa;--muted: #93b0c9;--accent: #3ea6ff;--ok: #2fbf71;--warn: #f5a623;--danger: #e5484d;--hold: #8b8df0;--block: #6b7a8d;--hour-h: 56px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:15px/1.4 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overscroll-behavior:none}button{font:inherit;cursor:pointer}input,select{font:inherit}.app{max-width:720px;margin:0 auto;min-height:100%;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:10px;padding:12px 14px;padding-top:calc(12px + env(safe-area-inset-top));background:var(--bg-2);border-bottom:1px solid var(--line)}.topbar select{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:8px 10px;flex:1;min-width:0}.topbar .date-nav{display:flex;align-items:center;gap:6px}.iconbtn{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:10px;width:38px;height:38px;display:grid;place-items:center;font-size:18px}.date-label{min-width:96px;text-align:center;color:var(--muted);font-variant-numeric:tabular-nums}.timeline{position:relative;flex:1;margin:8px 12px 96px}.hour-row{position:relative;height:var(--hour-h);border-top:1px solid var(--line)}.hour-row:last-child{border-bottom:1px solid var(--line)}.hour-row.next-day{background-color:#0000002e}.hour-row.day-start{border-top:2px solid var(--accent)}.day-tag{position:absolute;left:52px;top:2px;z-index:2;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);background:var(--bg-2);padding:1px 6px;border-radius:6px;pointer-events:none}.hour-label{position:absolute;left:0;top:-9px;width:44px;text-align:right;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.hour-hit{position:absolute;left:52px;right:0;top:0;bottom:0}.lane{position:absolute;left:52px;right:0;top:0;bottom:0;pointer-events:none}.block{position:absolute;left:4px;right:4px;border-radius:10px;padding:6px 8px;overflow:hidden;color:#061018;font-weight:600;font-size:13px;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;box-shadow:0 1px 4px #0000004d}.block .sub{font-weight:500;font-size:11px;opacity:.8}.block.k-block{background:var(--block);color:#e9eef3}.block.s-pending{background:var(--warn)}.block.s-confirmed{background:var(--ok);color:#04140b}.block.s-hold{background:var(--hold);color:#0a0a1f}.block.s-completed{background:#6fb1d6}.block .resize{position:absolute;left:0;right:0;bottom:0;height:14px;cursor:ns-resize}.block .resize:after{content:"";display:block;width:28px;height:3px;margin:6px auto 0;background:#00000059;border-radius:2px}.fabs{position:fixed;left:0;right:0;bottom:0;z-index:6;display:flex;flex-wrap:nowrap;gap:10px;padding:12px 14px calc(14px + env(safe-area-inset-bottom));max-width:720px;margin:0 auto;background:linear-gradient(transparent,var(--bg) 30%)}.fab{flex:1 1 0;min-width:0;border:none;border-radius:14px;padding:14px;font-weight:700;color:#04121f;background:var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fab.ghost{background:var(--surface);color:var(--text);border:1px solid var(--line)}.fab.is-block{background:var(--block);color:#eaf2fa}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:10;touch-action:none;overscroll-behavior:none}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:11;background:var(--bg-2);border-top-left-radius:18px;border-top-right-radius:18px;padding:16px 16px calc(16px + env(safe-area-inset-bottom));max-width:720px;margin:0 auto;border:1px solid var(--line);max-height:88vh;overflow-y:auto;overscroll-behavior:contain}.sheet h3{margin:4px 0 12px}.sheet .grab{position:relative;width:56px;height:5px;background:var(--line);border-radius:3px;margin:2px auto 12px;touch-action:none;cursor:grab}.sheet .grab:before{content:"";position:absolute;left:-60px;right:-60px;top:-16px;bottom:-16px}.acc{border:1px solid var(--line);border-radius:12px;margin-bottom:10px;overflow:hidden;background:var(--surface)}.acc.open{background:transparent}.acc-head{display:flex;align-items:center;gap:10px;width:100%;background:none;border:none;color:var(--text);text-align:left;padding:13px 14px;font-size:15px}.acc-dot{width:11px;height:11px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 3px #ffffff0f}.acc-dot.ok{background:var(--ok)}.acc-dot.partial{background:var(--warn)}.acc-dot.bad{background:var(--danger)}.acc-title{font-weight:700;flex-shrink:0}.acc-sum{flex:1;min-width:0;color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acc-chev{color:var(--muted);margin-left:auto;flex-shrink:0}.acc-body{padding:2px 14px 10px}.acc-body .field:last-child{margin-bottom:4px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.field label{color:var(--muted);font-size:13px}.field input{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:12px}.row{display:flex;gap:10px}.row>*{flex:1}.primary{width:100%;border:none;border-radius:12px;padding:14px;font-weight:700;background:var(--accent);color:#04121f}.linkbtn{background:none;border:none;color:var(--accent);padding:8px}.muted{color:var(--muted)}.error{color:var(--danger);margin:8px 0}.repeat-hint{margin:-4px 0 12px;padding:8px 10px;background:#3ea6ff1f;border:1px solid var(--accent);border-radius:10px;color:var(--text);font-size:13px}.wx-inline{margin:-4px 0 12px;padding:8px 10px;background:var(--surface);border:1px solid var(--line);border-radius:10px;font-size:13px}.wx-inline.risk{background:#f5a6231f;border-color:var(--warn);color:var(--text)}.wx-hours{display:flex;flex-direction:column;gap:2px;max-height:34vh;overflow:auto}.wx-hrow{display:grid;grid-template-columns:52px 1fr 1fr;gap:8px;font-variant-numeric:tabular-nums}.wx-hrow .wx-bad{color:var(--warn);font-weight:600}.contact-row{display:flex;flex-wrap:wrap;gap:8px;margin:-4px 0 12px}.contact-btn{display:inline-flex;align-items:center;gap:6px;text-decoration:none;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:8px 10px;font-size:13px}.contact-btn .contact-ic{font-size:15px;line-height:1}.view-dl{display:flex;flex-direction:column;gap:0;margin:4px 0 8px}.view-dl>div{display:grid;grid-template-columns:96px 1fr;gap:8px;padding:7px 0;border-bottom:1px solid var(--line)}.view-dl dt{color:var(--muted);font-size:13px;margin:0}.view-dl dd{margin:0}.view-phone{font-size:17px;font-weight:600;font-variant-numeric:tabular-nums;padding:4px 0 8px;-webkit-user-select:all;user-select:all}.block.pay-unpaid{border-left:15px solid var(--danger)}.block.pay-prepaid{border-left:15px solid var(--warn)}.block.pay-paid{border-left:15px solid var(--ok)}.pay-badge{display:inline-grid;place-items:center;min-width:16px;height:16px;padding:0 3px;margin-left:6px;border-radius:8px;font-size:11px;font-weight:800;background:#00000047;color:#fff;vertical-align:middle}.pay-pill{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid}.pay-pill.pay-unpaid{color:#ffd7d8;border-color:#5a2326;background:#3a191b}.pay-pill.pay-prepaid{color:#f5d9a8;border-color:#5a4322;background:#3a2e16}.pay-pill.pay-paid{color:#bff0d2;border-color:#1f4d33;background:#133324}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip.tpl{display:inline-flex;align-items:stretch;padding:0;overflow:hidden}.chip.tpl button{background:none;border:none;color:var(--text);padding:8px 10px}.chip.tpl button.x{color:var(--muted);border-left:1px solid var(--line);padding:8px}a.chip{text-decoration:none}.hour-row.risk-wind{background:#f5a62312}.hour-row.risk-rain{background:#3ea6ff14}.hour-wx{position:absolute;right:4px;top:0;bottom:0;z-index:2;display:flex;align-items:center;gap:6px;font-size:12px;font-variant-numeric:tabular-nums;pointer-events:none}.hour-wx .wind{color:var(--warn)}.hour-wx .rain{color:var(--accent)}.slot-wx{font-size:12px}.wx-list{display:flex;flex-direction:column;gap:2px;max-height:40vh;overflow:auto}.wx-row{display:grid;grid-template-columns:52px 1fr 64px 64px;gap:8px;padding:6px 8px;border-radius:8px;font-size:13px}.wx-row.risk{background:#f5a62324;color:var(--warn)}.wx-h{font-variant-numeric:tabular-nums;color:var(--muted)}.center{min-height:100%;display:grid;place-items:center;padding:24px}.card{background:var(--bg-2);border:1px solid var(--line);border-radius:16px;padding:20px;width:100%;max-width:380px}.card h2{margin-top:0}.now-line{position:absolute;left:52px;right:0;height:2px;background:var(--danger);z-index:3}.now-line:before{content:"";position:absolute;left:-6px;top:-3px;width:8px;height:8px;border-radius:50%;background:var(--danger)}.imp-banner{position:sticky;top:0;z-index:7;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 14px;background:var(--warn);color:#1a1206;font-weight:700;font-size:13px}.imp-banner button{background:#1a1206;color:#fff;border:none;border-radius:8px;padding:6px 10px}.admin-body{padding:14px 14px 40px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:12px;text-align:center}.stat-val{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums}.stat-lbl{color:var(--muted);font-size:12px;margin-top:2px}.section-head{display:flex;align-items:center;justify-content:space-between;margin:18px 0 8px}.section-head h3,.section-head h4{margin:0}.primary.slim{width:auto;padding:8px 12px;border-radius:10px}.tlist{display:flex;flex-direction:column;gap:8px}.trow{display:flex;align-items:center;gap:10px;background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:10px 12px}.trow.off{opacity:.55}.trow-main{flex:1;min-width:0;cursor:pointer}.tname{font-weight:700;display:flex;align-items:center;gap:8px}.trow-actions{display:flex;gap:6px;flex-shrink:0}.small{font-size:12px}.badge{font-size:11px;font-weight:600;background:var(--surface);color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:1px 6px}.chip{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:6px 10px;font-size:13px}.chip.danger{color:#ffd7d8;border-color:#5a2326;background:#3a191b}.card.inline{max-width:none;margin:0 0 12px}.select{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:12px}.pw code{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:2px 8px;font-size:15px;-webkit-user-select:all;user-select:all}