:root{--bg: #f6f7f9;--surface: #ffffff;--surface-2: #f0f2f5;--line: #dfe3e8;--line-strong: #c4cad2;--ink: #1a1c1e;--ink-2: #5b636e;--ink-3: #8b929c;--accent: #1f6feb;--accent-ink: #ffffff;--open: #6b7280;--progress: #b45309;--ready: #7c3aed;--verified: #15803d;--rejected: #b91c1c;--wontfix: #57534e;--danger: #b91c1c;--danger-bg: #fef2f2;--warn: #b45309;--warn-bg: #fffbeb;--ok: #15803d;--ok-bg: #f0fdf4;--danger-ink: #b91c1c;--warn-ink: #b45309;--ok-ink: #15803d;--radius: 10px;--tap: 44px;--shadow: 0 1px 2px rgba(16,24,40,.06), 0 1px 3px rgba(16,24,40,.1)}@media (prefers-color-scheme: dark){:root{--bg: #14161a;--surface: #1c1f24;--surface-2: #23272e;--line: #2f343c;--line-strong: #444b55;--ink: #e8eaed;--ink-2: #a5adb8;--ink-3: #767e89;--accent: #4d8ef7;--danger-bg: #2a1618;--warn-bg: #2a2115;--ok-bg: #14251a;--danger-ink: #f2938b;--warn-ink: #eda851;--ok-ink: #79c48e;--shadow: 0 1px 2px rgba(0,0,0,.4)}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-text-size-adjust:100%;overscroll-behavior-y:none}h1,h2,h3{margin:0;font-weight:650;line-height:1.25}h1{font-size:1.25rem}h2{font-size:1.05rem}h3{font-size:.95rem}a{color:var(--accent);text-decoration:none}p{margin:0 0 .6rem}.app{min-height:100%;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:.6rem;padding:.55rem .85rem;padding-top:calc(.55rem + env(safe-area-inset-top));background:var(--surface);border-bottom:1px solid var(--line)}.topbar .title{font-weight:650;font-size:.98rem}.topbar .sub{color:var(--ink-3);font-size:.74rem}.topbar .spacer{flex:1}.content{flex:1;padding:.85rem .85rem 5.5rem;max-width:1400px;width:100%;margin:0 auto}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.tabbar a{flex:1;min-width:0;min-height:var(--tap);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:.35rem .1rem;color:var(--ink-3);font-size:.58rem;font-weight:550;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 380px){.tabbar a{font-size:.62rem}}@media (min-width: 460px){.tabbar a{font-size:.66rem}}.tabbar a.active{color:var(--accent)}.tabbar .glyph{font-size:1.15rem;line-height:1}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:.8rem;margin-bottom:.6rem;box-shadow:var(--shadow)}.card.tight{padding:.6rem .7rem}.card-link{display:block;color:inherit}.card-link:active{background:var(--surface-2)}.row{display:flex;align-items:center;gap:.5rem}.row.wrap{flex-wrap:wrap}.between{justify-content:space-between}.grow{flex:1;min-width:0}.muted{color:var(--ink-2)}.dim{color:var(--ink-3)}.small{font-size:.8rem}.tiny{font-size:.72rem}.mono{font-variant-numeric:tabular-nums}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stack>*+*{margin-top:.55rem}.mt{margin-top:.8rem}.mb{margin-bottom:.8rem}.section-title{font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin:1.1rem 0 .45rem}.chip{display:inline-flex;align-items:center;gap:.28rem;padding:.16rem .48rem;border-radius:999px;font-size:.7rem;font-weight:650;white-space:nowrap;background:var(--surface-2);color:var(--ink-2);border:1px solid transparent}.chip.open{background:#6b72801f;color:var(--open)}.chip.in_progress{background:#b453091f;color:var(--progress)}.chip.ready_for_check{background:#7c3aed1f;color:var(--ready)}.chip.verified{background:#15803d1f;color:var(--verified)}.chip.rejected{background:#b91c1c1f;color:var(--rejected)}.chip.wont_fix{background:#57534e1f;color:var(--wontfix)}.chip.danger{background:var(--danger-bg);color:var(--danger-ink)}.chip.warn{background:var(--warn-bg);color:var(--warn-ink)}.chip.ok{background:var(--ok-bg);color:var(--ok-ink)}.chip.solid{background:var(--accent);color:var(--accent-ink)}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;flex:none;vertical-align:middle}button,.btn{font:inherit;font-weight:600;min-height:var(--tap);padding:0 .95rem;border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}button:active,.btn:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-ink);border-color:transparent}.btn-danger{background:var(--danger);color:#fff;border-color:transparent}.btn-ghost{background:transparent;border-color:transparent;color:var(--accent)}.btn-sm{min-height:34px;padding:0 .6rem;font-size:.8rem}.btn-block{width:100%}.btn-row{display:flex;gap:.45rem;flex-wrap:wrap}label{display:block;font-size:.78rem;font-weight:600;color:var(--ink-2);margin-bottom:.25rem}input,select,textarea{font:inherit;width:100%;min-height:var(--tap);padding:.5rem .65rem;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);color:var(--ink)}textarea{min-height:80px;resize:vertical;padding-top:.55rem}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}.field{margin-bottom:.7rem}.field-row{display:flex;gap:.5rem}.field-row>*{flex:1}.alert{padding:.6rem .75rem;border-radius:var(--radius);font-size:.86rem;margin-bottom:.7rem}.alert.error{background:var(--danger-bg);color:var(--danger-ink)}.alert.warn{background:var(--warn-bg);color:var(--warn-ink)}.alert.ok{background:var(--ok-bg);color:var(--ok-ink)}.alert.info{background:var(--surface-2);color:var(--ink-2)}.bar{height:6px;border-radius:3px;background:var(--surface-2);overflow:hidden}.bar>span{display:block;height:100%;background:var(--accent);border-radius:3px}.bar.done>span{background:var(--verified)}.room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem}.room-cell{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:.6rem;color:inherit;display:flex;flex-direction:column;gap:.3rem;min-height:78px;box-shadow:var(--shadow)}.room-cell .code{font-size:.66rem;font-weight:700;color:var(--ink-3);letter-spacing:.04em}.room-cell .name{font-size:.84rem;font-weight:600;line-height:1.25}.room-cell.clean{border-color:#15803d55}.room-cell.hot{border-color:#b91c1c66}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:.4rem}.photo-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;background:var(--surface-2);display:block}.photo-wrap{position:relative}.photo-wrap .del{position:absolute;top:3px;right:3px;min-height:26px;padding:0 .4rem;font-size:.68rem;background:#0000009e;color:#fff;border:0;border-radius:6px}.thread{display:flex;flex-direction:column;gap:.5rem}.msg{background:var(--surface-2);border-radius:var(--radius);padding:.5rem .65rem}.msg .who{font-size:.74rem;font-weight:650}.msg .when{font-size:.68rem;color:var(--ink-3)}.msg .body{font-size:.88rem;white-space:pre-wrap;word-break:break-word}.msg.event{background:transparent;border-left:2px solid var(--line-strong);border-radius:0;padding:.15rem .6rem}.msg.event .body{font-size:.78rem;color:var(--ink-2)}.msg.wa{border-left:3px solid #25d366}.gantt{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden;--label-w: 168px}@media (min-width: 560px){.gantt{--label-w: 230px}}@media (min-width: 1000px){.gantt{--label-w: 300px}}.gantt-scroll{overflow:auto;max-height:calc(100vh - 230px);position:relative}.gantt-head{position:sticky;top:0;z-index:6;display:flex;background:var(--surface);border-bottom:1px solid var(--line-strong)}.gantt-row{display:flex;border-bottom:1px solid var(--line);align-items:stretch}.gantt-row:hover{background:var(--surface-2)}.gantt-row.sel{background:#1f6feb14}.gantt-label{position:sticky;left:0;z-index:5;width:var(--label-w);min-width:var(--label-w);background:var(--surface);border-right:1px solid var(--line-strong);padding:.34rem .5rem;display:flex;align-items:flex-start;gap:.35rem;font-size:.8rem}.gantt-row:hover .gantt-label{background:var(--surface-2)}.gantt-row.sel .gantt-label{background:#1f6feb14}.gantt-label .ref{font-size:.62rem;color:var(--ink-3);font-weight:700;min-width:38px;padding-top:.12rem}.gantt-label .nm{flex:1;min-width:0;white-space:normal;overflow-wrap:break-word;-webkit-hyphens:none;hyphens:none;line-height:1.28}.gantt-label.lvl0{font-weight:700}.gantt-label.lvl1{font-weight:600}.gantt-label.lvl2 .nm{color:var(--ink-2)}.gantt-label.lvl3 .nm{color:var(--ink-3)}.gantt-label.lvl3 .ref{opacity:.75}@media (max-width: 559px){.gantt-label{flex-wrap:wrap;row-gap:.1rem;column-gap:.3rem}.gantt-label .ref{flex:1 0 auto;padding-top:0}.gantt-label .nm{flex:1 1 70%}}.gantt-twist{width:16px;text-align:center;color:var(--ink-3);font-size:.7rem;flex:none}.gantt-canvas{position:relative;flex:1;min-height:30px}.gantt-row .gantt-canvas{align-self:stretch}.gantt-months{display:flex;height:22px}.gantt-month{border-right:1px solid var(--line-strong);font-size:.66rem;font-weight:700;color:var(--ink-2);padding-left:.3rem;overflow:hidden;white-space:nowrap;display:flex;align-items:center}.gantt-weeks{display:flex;height:16px}.gantt-week{border-right:1px solid var(--line);font-size:.58rem;color:var(--ink-3);text-align:center}.gantt-grid{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;pointer-events:none}.gantt-gridline{border-right:1px solid var(--line)}.gantt-gridline.month{border-right-color:var(--line-strong)}.gbar{position:absolute;top:50%;transform:translateY(-50%);height:20px;border-radius:5px;background:var(--accent);display:flex;align-items:center;padding:0 .3rem;font-size:.62rem;color:#fff;font-weight:600;overflow:hidden;white-space:nowrap;cursor:pointer;box-shadow:0 1px 2px #0003}.gbar .fill{position:absolute;left:0;top:0;bottom:0;background:#ffffff52;border-radius:5px 0 0 5px}.gbar span{position:relative}.gbar.lvl0{background:#374151;height:12px;border-radius:3px}.gbar.lvl1{background:#4b5563;height:16px}.gbar.done{background:var(--verified)}.gbar.late{background:var(--danger)}.gbar.blocked{background:var(--wontfix)}.gbar.viol{outline:2px solid var(--warn);outline-offset:1px}.gbar .handle{position:absolute;top:0;bottom:0;width:9px;cursor:ew-resize}.gbar .handle.l{left:0}.gbar .handle.r{right:0}.gantt-today{position:absolute;top:0;bottom:0;width:2px;background:#ef4444;z-index:4;pointer-events:none}.gantt-dep{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;overflow:visible}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:50;display:flex;align-items:flex-end;justify-content:center}.sheet{background:var(--surface);width:100%;max-width:640px;border-radius:16px 16px 0 0;padding:.9rem;padding-bottom:calc(.9rem + env(safe-area-inset-bottom));max-height:92vh;overflow:auto}.sheet .grab{width:36px;height:4px;background:var(--line-strong);border-radius:2px;margin:0 auto .7rem}@media (min-width: 700px){.sheet-backdrop{align-items:center}.sheet{border-radius:16px;max-height:86vh}}.fab{position:fixed;right:1rem;bottom:calc(4.6rem + env(safe-area-inset-bottom));z-index:25;min-height:52px;padding:0 1.1rem;border-radius:26px;background:var(--accent);color:#fff;border:0;font-weight:650;box-shadow:0 4px 14px #1f6feb66}.center-screen{min-height:100%;display:flex;align-items:center;justify-content:center;padding:1.2rem}.login-card{width:100%;max-width:380px}.empty{text-align:center;padding:2rem 1rem;color:var(--ink-3)}.spinner{padding:2rem;text-align:center;color:var(--ink-3)}.kv{display:grid;grid-template-columns:34% 1fr;gap:.3rem .6rem;font-size:.85rem}.kv dt{color:var(--ink-3);font-size:.78rem}.kv dd{margin:0}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:.5rem}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:.6rem;box-shadow:var(--shadow)}.stat .n{font-size:1.5rem;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}.stat .l{font-size:.7rem;color:var(--ink-3);margin-top:.1rem}.stat.danger .n{color:var(--danger-ink)}.stat.warn .n{color:var(--warn-ink)}.stat.ok .n{color:var(--ok-ink)}.seg{display:flex;background:var(--surface-2);border-radius:9px;padding:2px;gap:2px}.seg button{flex:1;min-height:34px;font-size:.78rem;border:0;background:transparent;border-radius:7px;color:var(--ink-2);padding:0 .4rem}.seg button.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}.scroll-x .row{flex-wrap:nowrap}.warn-ink{color:var(--warn-ink);font-weight:600}.status-card{border-width:1px;border-style:solid}.status-card.hijau{background:var(--ok-bg);border-color:var(--ok-ink)}.status-card.kuning{background:var(--warn-bg);border-color:var(--warn-ink)}.status-card.merah{background:var(--danger-bg);border-color:var(--danger-ink)}.status-card .light{color:#fff;border:0;letter-spacing:.06em}.status-card.hijau .light{background:var(--ok)}.status-card.kuning .light{background:var(--warn)}.status-card.merah .light{background:var(--danger)}.status-card .section-title{color:var(--ink-2)}.report-preview{width:100%;max-height:40vh;object-fit:cover;border-radius:var(--radius);border:1px solid var(--line);margin-bottom:.8rem;display:block}.gbar.dragging{outline:2px solid #fff;outline-offset:1px;box-shadow:0 3px 10px #00000073;z-index:6}.owner-only{color:var(--warn-ink)}