@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.0e__wj8580tc5.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/e629b5bc06499d58-s.10u7vx61f1ie7.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/1a099d89ee94ee96-s.35a5cae5tspm2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.18rizl4rsrl42.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans Fallback;src:local(Arial);ascent-override:98.88%;descent-override:21.15%;line-gap-override:0.0%;size-adjust:104.98%}.dx4leq_className{font-family:Plus Jakarta Sans,Plus Jakarta Sans Fallback;font-style:normal}.dx4leq_variable{--font-jakarta:"Plus Jakarta Sans", "Plus Jakarta Sans Fallback"}
@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/033400d475fad6b1-s.197tvtifbphtu.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/26daee0352f50a5f-s.2e115y8-hourl.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/017d9bea37084d9b-s.p.41rroleoq1br7.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque Fallback;src:local(Arial);ascent-override:88.21%;descent-override:25.61%;line-gap-override:0.0%;size-adjust:105.43%}.NjNj1a_className{font-family:Bricolage Grotesque,Bricolage Grotesque Fallback;font-style:normal}.NjNj1a_variable{--font-bricolage:"Bricolage Grotesque", "Bricolage Grotesque Fallback"}
:root{--bg:#f5fbf9;--surface:#fff;--surface-2:#e7f4f0;--ink:#13231f;--muted:#4f625c;--line:#d5e9e2;--accent:#0a8774;--accent-2:#12a58d;--accent-ink:#fff;--accent-soft:#d5f3eb;--sun:#ffc43d;--sun-soft:#fff1cc;--sun-ink:#5a3f00;--hold:#b04e0e;--hold-soft:#ffebdc;--in:#2d5fc4;--in-soft:#e2ebff;--bad:#c0390b;--bad-soft:#ffe3d8;--wa:#15924f;--warn-soft:#fff4d6;--warn-ink:#664700;--bar1:#0a8a77;--bar2:#11a38b;--shadow:0 1px 2px #13231f0d,0 10px 26px -12px #0a877447;--f:var(--font-jakarta),"Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--fd:var(--font-bricolage),"Bricolage Grotesque",var(--font-jakarta),"Plus Jakarta Sans",ui-sans-serif,system-ui,sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0d1412;--surface:#16201d;--surface-2:#202b28;--ink:#e6eeea;--muted:#9aa9a4;--line:#2a3632;--accent:#4fd1bb;--accent-2:#6ccdbd;--accent-ink:#06201b;--accent-soft:#143630;--sun:#f2b544;--sun-soft:#3a2f14;--sun-ink:#f7d88e;--hold:#f0a36f;--hold-soft:#35241a;--in:#96b0e4;--in-soft:#1b263a;--bad:#f28c68;--bad-soft:#3a2018;--wa:#43c27a;--warn-soft:#332a12;--warn-ink:#f2d58a;--bar1:#0f4a42;--bar2:#155f55;--shadow:0 1px 2px #00000059,0 8px 24px -12px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0d1412;--surface:#16201d;--surface-2:#202b28;--ink:#e6eeea;--muted:#9aa9a4;--line:#2a3632;--accent:#4fd1bb;--accent-2:#6ccdbd;--accent-ink:#06201b;--accent-soft:#143630;--sun:#f2b544;--sun-soft:#3a2f14;--sun-ink:#f7d88e;--hold:#f0a36f;--hold-soft:#35241a;--in:#96b0e4;--in-soft:#1b263a;--bad:#f28c68;--bad-soft:#3a2018;--wa:#43c27a;--warn-soft:#332a12;--warn-ink:#f2d58a;--bar1:#0f4a42;--bar2:#155f55;--shadow:0 1px 2px #00000059,0 8px 24px -12px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--f);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.45}button,input,select,textarea{font:inherit;color:inherit}.num{font-variant-numeric:tabular-nums}.app{max-width:480px;min-height:100%;margin:0 auto;padding-block:0 96px;padding-inline:16px;position:relative}h1,h2,h3{text-wrap:balance;margin:0}p{margin:0}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:8px}.brand{color:var(--ink);align-items:center;gap:8px;text-decoration:none;display:flex}.brand svg{flex-shrink:0}.word{letter-spacing:-.3px;font-size:20px;font-weight:800}.word b{color:var(--accent);font-weight:800}.top{top:env(safe-area-inset-top,0px);background:var(--bg);z-index:5;justify-content:space-between;align-items:center;gap:8px;padding-block:14px 8px;display:flex;position:sticky}.kost-btn{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:12px;align-items:center;gap:6px;max-width:56%;min-height:40px;padding:0 10px 0 12px;font-size:13px;font-weight:700;display:flex}.kost-btn span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.demo-bar{background:var(--warn-soft);color:var(--warn-ink);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;padding:8px 12px;font-size:12.5px;display:flex}.demo-bar button{color:var(--warn-ink);cursor:pointer;background:0 0;border:0;min-height:32px;padding:6px 0;font-size:12.5px;font-weight:800;text-decoration:underline}.stack{flex-direction:column;gap:12px;display:flex}.row{align-items:center;gap:10px;display:flex}.between{justify-content:space-between;align-items:center;gap:10px;display:flex}.grid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.grid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.card{background:var(--surface);box-shadow:var(--shadow);border-radius:18px;padding:16px}.card.flat{box-shadow:none;border:1px solid var(--line)}.h-sec{margin-top:10px;font-size:17px;font-weight:800}.label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:700}.muted{color:var(--muted)}.small{font-size:13px}.xs{font-size:12px}.big{letter-spacing:-.5px;font-size:30px;font-weight:800}.mid{font-size:20px;font-weight:800}.btn{cursor:pointer;text-align:center;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 16px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.btn.pri{background:var(--accent);color:var(--accent-ink)}.btn.sec{background:var(--surface);border-color:var(--accent);color:var(--accent)}.btn.ghost{background:var(--surface);border-color:var(--line);color:var(--ink)}.btn.danger{background:var(--surface);border-color:var(--bad);color:var(--bad)}.btn.wa{background:var(--wa);color:#fff}.btn.block{width:100%}.btn.sm{border-radius:11px;min-height:40px;padding:0 12px;font-size:13px}.link{color:var(--accent);cursor:pointer;background:0 0;border:0;min-height:40px;padding:8px 0;font-size:13px;font-weight:700}.chip{white-space:nowrap;border-radius:7px;align-items:center;gap:4px;padding:3px 9px;font-size:11.5px;font-weight:700;display:inline-flex}.c-ok{background:var(--accent-soft);color:var(--accent)}.c-in{background:var(--in-soft);color:var(--in)}.c-hold{background:var(--hold-soft);color:var(--hold)}.c-bad{background:var(--bad-soft);color:var(--bad)}.c-mut{background:var(--surface-2);color:var(--muted)}.c-warn{background:var(--warn-soft);color:var(--warn-ink)}.ic{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.tap{text-align:left;background:var(--surface);cursor:pointer;width:100%;box-shadow:var(--shadow);color:var(--ink);border:0;border-radius:16px;align-items:center;gap:12px;padding:14px;text-decoration:none;display:flex}.tap .grow{flex:1;min-width:0}.list{background:var(--surface);box-shadow:var(--shadow);border-radius:16px;overflow:hidden}.li{border:0;border-top:1px solid var(--line);text-align:left;cursor:pointer;width:100%;color:var(--ink);background:0 0;align-items:center;gap:12px;padding:12px 14px;display:flex}.li:first-child{border-top:0}.li .grow{flex:1;min-width:0}.t-name{font-size:15px;font-weight:700}.seg{background:var(--surface-2);border-radius:14px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:4px;padding:4px;display:grid}.seg button{cursor:pointer;min-height:42px;color:var(--muted);background:0 0;border:0;border-radius:11px;padding:4px 6px;font-size:13px;font-weight:700}.seg button[aria-pressed=true]{background:var(--surface);color:var(--accent);box-shadow:var(--shadow)}.field{flex-direction:column;gap:6px;display:flex}.field label,.field .lbl{color:var(--muted);font-size:13px;font-weight:600}.inp{border:1px solid var(--line);background:var(--surface);border-radius:12px;width:100%;min-height:48px;padding:0 14px;font-size:15px}textarea.inp{resize:vertical;min-height:120px;padding:12px 14px}select.inp{appearance:auto}.inp:focus{outline:2px solid var(--accent);outline-offset:0;border-color:var(--accent)}.inp.auto{border-color:var(--accent);background:var(--accent-soft)}.hint{color:var(--muted);font-size:12px}.checks{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.check{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:12px;align-items:center;gap:8px;min-height:44px;padding:0 12px;font-size:13.5px;font-weight:600;display:flex}.check input{width:18px;height:18px;accent-color:var(--accent)}.pills{flex-wrap:wrap;gap:8px;display:flex}.pill{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:12px;min-height:40px;padding:0 14px;font-size:13px;font-weight:700}.pill[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.hero{background:var(--accent);color:var(--accent-ink);border-radius:22px;flex-direction:column;gap:6px;padding:20px;display:flex}.hero .big{font-size:34px}.month{align-items:center;gap:8px;display:flex}.month .lbl{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex:1;justify-content:center;align-items:center;min-height:44px;font-weight:700;display:flex}.sq{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.tile{background:var(--surface);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;gap:4px;padding:14px;display:flex}.tile.hold{background:var(--hold-soft);box-shadow:none}.bar3{background:var(--surface-2);border-radius:6px;gap:2px;height:12px;display:flex;overflow:hidden}.bar3 i{height:100%;display:block}.dot{border-radius:3px;flex-shrink:0;width:10px;height:10px;margin-top:5px}.chart text{fill:var(--muted);font-family:var(--f);font-size:11px}.chart .s-in{fill:var(--in);opacity:.45}.chart .s-rev{fill:var(--accent)}.chart .grid{stroke:var(--line);stroke-width:1px}.rooms{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.room{cursor:pointer;border:1.5px solid #0000;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:72px;padding:6px 4px;display:flex}.room b{font-size:17px}.room span{font-size:10.5px;font-weight:600}.r-pesan{background:var(--in-soft);color:var(--in);border-color:var(--in)}.r-kosong{background:var(--surface);color:var(--ink);border:1.5px dashed var(--muted)}.fas{flex-wrap:wrap;gap:6px;display:flex}.fas span{background:var(--surface-2);border-radius:8px;padding:4px 9px;font-size:12px;font-weight:600}.tl{gap:12px;display:flex}.tl .rail{flex-direction:column;align-items:center;padding-top:6px;display:flex}.tl .rail i{border-radius:6px;width:12px;height:12px;display:block}.tl .rail em{background:var(--line);flex:1;width:2px;margin-top:4px;display:block}.tl:last-child .rail em{display:none}.tl .body{text-align:left;cursor:pointer;min-width:0;color:var(--ink);background:0 0;border:0;flex-direction:column;flex:1;gap:2px;padding-bottom:14px;display:flex}.tl .body .nm{color:var(--accent);text-underline-offset:3px;font-weight:700;text-decoration:underline}.nav{background:var(--surface);border-top:1px solid var(--line);width:min(480px,100%);padding:6px 4px calc(8px + env(safe-area-inset-bottom,0px));z-index:10;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav button{min-height:54px;color:var(--muted);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:600;display:flex;position:relative}.nav button[aria-current=page]{color:var(--accent);font-weight:800}.badge{background:var(--bad);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10.5px;font-weight:800;display:flex;position:absolute;top:4px;right:calc(50% - 22px)}.sheet{background:var(--bg);z-index:20;position:fixed;inset:0;overflow-y:auto}.sheet-in{max-width:480px;margin:0 auto;padding-block:0 40px;padding-inline:16px}.sheet-top{background:var(--bg);z-index:2;align-items:center;gap:6px;padding-block:12px 10px;display:flex;position:sticky;top:0}.sheet-top h2{flex:1;min-width:0;font-size:19px;font-weight:800}.back{cursor:pointer;width:44px;height:44px;color:var(--ink);background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;margin-left:-8px;display:flex}.kv{border-top:1px solid var(--line);flex-direction:column;gap:1px;padding:10px 0;display:flex}.kv:first-child{border-top:0}.kv .k{color:var(--muted);font-size:12px}.kv .v{overflow-wrap:anywhere;font-size:14.5px;font-weight:600}.chat{background:var(--surface-2);border-radius:16px;flex-direction:column;gap:8px;padding:12px;display:flex}.bub{white-space:pre-line;border-radius:12px;max-width:90%;padding:10px 12px;font-size:13px;line-height:1.5}.bub.me{background:var(--accent-soft);border-bottom-right-radius:3px;align-self:flex-end}.note{background:var(--warn-soft);color:var(--warn-ink);border-radius:12px;padding:10px 12px;font-size:12.5px;line-height:1.5}.toast{background:var(--ink);color:var(--bg);z-index:50;max-width:calc(100% - 32px);box-shadow:var(--shadow);border-radius:12px;padding:12px 16px;font-size:13.5px;font-weight:700;position:fixed;bottom:92px;left:50%;transform:translate(-50%)}.tbl{border-collapse:collapse;width:100%;font-size:13px}.tbl th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);padding:8px 6px;font-size:11.5px;font-weight:700}.tbl td{border-bottom:1px solid var(--line);padding:9px 6px}.tbl td.r,.tbl th.r{text-align:right}.scroll-x{overflow-x:auto}.qr{border:1px solid var(--line);background:#fff;border-radius:16px;justify-content:center;padding:14px;display:flex}.opt{text-align:left;border:1.5px solid var(--line);background:var(--surface);cursor:pointer;width:100%;color:var(--ink);border-radius:16px;align-items:flex-start;gap:12px;padding:14px;display:flex}.opt:hover{border-color:var(--accent)}.prog{background:var(--surface-2);border-radius:4px;height:8px;overflow:hidden}.prog i{background:var(--accent);border-radius:4px;height:100%;display:block}.ob{border:0;border-top:1px solid var(--line);text-align:left;cursor:pointer;width:100%;color:var(--ink);background:0 0;align-items:center;gap:10px;padding:10px 0;font-size:14px;display:flex}.ob .ck{border:2px solid var(--muted);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.ob .ck.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.kw{color:#13231f;font-family:var(--f);background:#fff;border:1px solid #d5e9e2;border-radius:22px;position:relative;overflow:hidden;box-shadow:0 12px 30px -14px #0a877459}.kw-h{color:#fff;background:linear-gradient(150deg,#0a8a77,#11a38b);justify-content:space-between;align-items:flex-start;gap:10px;padding:18px 18px 16px;display:flex}.kw-h h3{font-family:var(--fd);letter-spacing:.01em;font-size:22px;font-weight:800}.kw-h small{opacity:.92;margin-top:2px;font-size:12px;display:block}.kw-b{flex-direction:column;gap:12px;padding:16px 18px;display:flex}.kw-row{justify-content:space-between;gap:12px;font-size:13px;display:flex}.kw-row span:first-child{color:#55665f}.kw-row b{text-align:right}.kw-tear{background:radial-gradient(circle at 7px 0,#0000 7px,#fff 7.5px) 0 0/14px 14px repeat-x;height:14px;margin-top:-1px}.kw-sep{border:0;border-top:1.5px dashed #d5e9e2;margin:2px 0}.kw-total{background:#e9f7f2;border-radius:14px;flex-direction:column;gap:2px;padding:12px 14px;display:flex;position:relative}.kw-total b{font-family:var(--fd);color:#0a8774;font-size:26px;font-weight:800}.kw-total i{color:#3d5049;font-size:12px;font-style:italic}.kw-stamp{color:#0a8774;font-family:var(--fd);letter-spacing:.12em;opacity:.85;background:#ffffffb3;border:3px solid #0a8774;border-radius:10px;padding:2px 12px;font-size:22px;font-weight:800;position:absolute;top:14px;right:14px;transform:rotate(-12deg)}.kw-foot{color:#55665f;justify-content:space-between;align-items:flex-end;gap:10px;font-size:11.5px;display:flex}.kw-sign{text-align:right}.kw-sign b{font-family:var(--fd);color:#13231f;font-size:15px;display:block}.chk{cursor:pointer;align-items:flex-start;gap:10px;padding:4px 0;font-size:13.5px;line-height:1.5;display:flex}.chk input{width:22px;height:22px;accent-color:var(--accent);flex:none;margin-top:1px}.chk .req{letter-spacing:.04em;text-transform:uppercase;color:var(--bad);background:var(--bad-soft);white-space:nowrap;border-radius:6px;margin-left:4px;padding:1px 6px;font-size:10.5px;font-weight:800}.lk{font:inherit;color:var(--accent);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.legal h3{font-family:var(--fd);margin:18px 0 6px;font-size:17px;font-weight:800}.legal p,.legal li{font-size:14.5px;line-height:1.6}.legal ul,.legal ol{flex-direction:column;gap:5px;padding-left:20px;display:flex}.legal-sum{background:var(--accent-soft);border-radius:16px;padding:14px 16px}.legal-sum ul{flex-direction:column;gap:4px;margin-top:6px;padding-left:18px;font-size:14px;display:flex}.offline{background:var(--sun-soft);color:var(--sun-ink);border-radius:12px;align-items:center;gap:8px;margin-top:10px;padding:8px 12px;font-size:12.5px;display:flex}.danger-zone{border:1.5px solid var(--bad);background:var(--bad-soft)}.danger-zone b{color:var(--bad)}.foot-links{flex-wrap:wrap;justify-content:center;gap:4px 14px;font-size:12.5px;display:flex}.foot-links .lk{color:var(--muted);font-weight:600}.plan{border:1.5px solid var(--line);background:var(--surface);border-radius:22px;flex-direction:column;gap:10px;padding:18px 16px 16px;display:flex;position:relative}.plan.pop{border-color:var(--accent);box-shadow:0 12px 28px -18px #0a8774b3}.plan.cur{background:var(--accent-soft);border-color:var(--accent)}.plan.hl{outline:3px solid var(--sun);outline-offset:2px}.plan h3{font-family:var(--fd);font-size:20px;font-weight:800}.plan .pr{font-family:var(--fd);font-size:28px;font-weight:800;line-height:1.1}.plan .pr small{font-family:var(--f);color:var(--muted);font-size:13px;font-weight:600}.plan .tagpop{background:var(--sun);color:var(--sun-ink);letter-spacing:.02em;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800;position:absolute;top:-12px;right:16px}.plan ul{flex-direction:column;gap:6px;padding:0;font-size:13.5px;list-style:none;display:flex}.plan li{align-items:flex-start;gap:8px;display:flex}.plan li svg{color:var(--accent);flex:none;margin-top:2px}.pm{border-collapse:collapse;width:100%;font-size:12.5px}.pm th,.pm td{border-bottom:1px solid var(--line);text-align:center;vertical-align:middle;padding:9px 3px}.pm th:first-child,.pm td:first-child{text-align:left;padding-left:0;padding-right:6px}.pm thead th{font-size:12px;font-weight:800;font-family:var(--fd)}.pm .grp td{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);border-bottom:0;padding-top:16px;font-size:10.5px;font-weight:800}.pm .yes{color:var(--accent);display:inline-flex}.pm .no{color:var(--muted);opacity:.55}.pm .curcol{background:var(--accent-soft)}.pm input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent)}.pm input.inp{text-align:center;width:52px;min-height:36px;padding:0 4px;font-size:13px}.subbar{background:var(--accent-soft);color:var(--ink);border-radius:12px;align-items:center;gap:8px;margin-top:10px;padding:8px 12px;font-size:12.5px;display:flex}.inv-total{background:var(--accent-soft);border-radius:16px;flex-direction:column;gap:2px;padding:14px;display:flex}.inv-total b{font-family:var(--fd);color:var(--accent);font-size:30px;font-weight:800}.plancard{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;align-items:center;gap:12px;display:flex}.tpl-lock{background:var(--surface-2);border-radius:10px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.tpl-err{color:var(--bad);font-weight:600}.tpl-err:empty{display:none}.ob-show{border:1.5px dashed var(--line);background:var(--surface);cursor:pointer;width:100%;color:var(--accent);text-align:left;border-radius:18px;align-items:center;gap:10px;padding:12px 14px;font-size:13.5px;font-weight:700;display:flex}.ob-show span:nth-child(2){flex:1}.alert{background:var(--bad-soft);color:var(--bad);text-align:left;cursor:pointer;border:0;border-radius:14px;align-items:center;gap:10px;width:100%;padding:12px 14px;font-size:13.5px;font-weight:700;display:flex}.gconsent{border:1px solid var(--line);background:var(--surface);border-radius:18px;overflow:hidden}.gconsent .gh{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:16px;display:flex}.welcome{flex-direction:column;justify-content:center;gap:22px;min-height:100%;padding-block:40px;display:flex}.steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.steps i{background:var(--line);border-radius:3px;height:5px;display:block}.steps i.on{background:var(--accent)}@media (prefers-reduced-motion:no-preference){.toast{animation:.2s ease-out up}@keyframes up{0%{opacity:0;transform:translate(-50%,8px)}}}.app{padding-block:0 112px}h1,h2,h3,.big,.mid,.word,.h-sec{font-family:var(--fd);letter-spacing:-.01em}.h-sec{margin-top:14px;font-size:19px}.card{box-shadow:none;border:1px solid var(--line);border-radius:22px}.list,.tap,.tile{box-shadow:none;border:1px solid var(--line);border-radius:20px}.tile.hold{border-color:#0000}.btn{border-radius:16px}.btn.pri{background:var(--accent);box-shadow:0 6px 16px -8px var(--accent)}.inp{background:var(--surface);border-radius:14px}.chip{border-radius:999px;padding:4px 10px}.seg{border-radius:16px}.seg button{border-radius:12px}.label{text-transform:none;letter-spacing:0;font-size:12.5px}.top{padding-block:16px 10px}.top .word{font-size:21px}.appbar{background:linear-gradient(160deg,var(--bar1),var(--bar2));color:#fff;border-radius:0 0 30px 30px;flex-direction:column;gap:14px;margin-inline:-16px;padding:14px 16px 22px;display:flex;position:relative;overflow:hidden}.appbar:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffd6668c,#ffd66600 68%);border-radius:50%;width:220px;height:220px;position:absolute;top:-70px;right:-60px}.appbar>*{z-index:1;position:relative}.appbar .word{color:#fff}.appbar .word b{color:var(--sun)}.kost-btn.light{color:#fff;background:#ffffff24;border-color:#ffffff40;border-radius:999px}.greet{font-family:var(--fd);font-size:26px;font-weight:700;line-height:1.15}.greet small{font-family:var(--f);opacity:.95;margin-top:4px;font-size:13.5px;font-weight:500;display:block}.month.light .sq,.month.light .lbl{color:#fff;background:#ffffff1f;border-color:#ffffff38}.heronum{flex-direction:column;gap:2px;display:flex}.heronum b{font-family:var(--fd);letter-spacing:-.02em;font-size:40px;font-weight:800;line-height:1.05}.heronum span{font-size:13.5px}.doors{flex-wrap:wrap;align-items:flex-end;gap:5px;display:flex}.door{border-radius:9px 9px 3px 3px;width:18px;height:26px;position:relative}.door:after{content:"";opacity:.7;background:currentColor;border-radius:50%;width:3px;height:3px;position:absolute;top:13px;right:3px}.door.isi{background:var(--sun);color:#5a3f00}.door.pesan{color:#2c4c86;background:#d3e2ff}.door.kosong{color:#fff;border:1.5px dashed #fff9}.doorleg{opacity:.9;flex-wrap:wrap;gap:12px;font-size:12px;display:flex}.doorleg i{vertical-align:-1px;border-radius:5px 5px 2px 2px;width:9px;height:12px;margin-right:5px;display:inline-block}.demo-pill{color:#fce7b4;background:#f2b54433;border:1px solid #f2b54473;border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:4px 6px 4px 12px;font-size:12px;display:flex}.demo-pill button{background:var(--sun);color:#3a2800;cursor:pointer;border:0;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.quick{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:-6px;display:grid}.quick button{cursor:pointer;color:var(--ink);text-align:center;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;padding:4px 0;font-size:12px;font-weight:600;line-height:1.2;display:flex}.quick .qi{background:var(--surface);border:1px solid var(--line);width:54px;height:54px;color:var(--accent);border-radius:18px;justify-content:center;align-items:center;display:flex}.quick button:first-child .qi{background:var(--sun);border-color:var(--sun);color:#3a2800}.rooms{gap:10px}.room{border-radius:22px 22px 8px 8px;min-height:84px;position:relative}.room:after{content:"";opacity:.55;background:currentColor;border-radius:50%;width:5px;height:5px;position:absolute;top:50%;right:11px}.room b{font-family:var(--fd);font-size:20px}.r-isi{background:var(--accent);color:var(--accent-ink)}.r-pesan{background:var(--in-soft);color:var(--in);border:1.5px solid var(--in)}.r-kosong{background:var(--surface);border:1.5px dashed var(--muted)}.nav{bottom:calc(10px + env(safe-area-inset-bottom,0px));border:1px solid var(--line);width:min(456px,100% - 24px);box-shadow:var(--shadow);border-radius:24px;padding:6px}.nav button{border-radius:18px;min-height:56px}.nav button[aria-current=page]{background:var(--accent-soft)}.badge{top:6px}.sheet-top h2{font-size:21px}.hero{border-radius:24px}a.li,a.tap,a.btn,a.opt{color:inherit}a.btn.pri{color:var(--accent-ink)}a.btn.sec,a.link{color:var(--accent)}a.link{align-items:center;text-decoration:none;display:inline-flex}.nav a{min-height:56px;color:var(--muted);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:600;text-decoration:none;display:flex;position:relative}.nav a[aria-current=page]{color:var(--accent);background:var(--accent-soft);font-weight:800}.halaman{max-width:480px;min-height:100%;margin:0 auto;padding-block:0 40px;padding-inline:16px}.galat{color:var(--bad);font-size:13px;font-weight:600}.btn[disabled]{opacity:.6;cursor:progress}.kosong-ilus{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:28px 16px;display:flex}.quick a{color:var(--ink);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:4px 0;font-size:12px;font-weight:600;line-height:1.2;text-decoration:none;display:flex}.quick a:first-child .qi{background:var(--sun);border-color:var(--sun);color:#3a2800}.month a.sq{color:inherit}.month.light a.sq{color:#fff}.kost-btn{color:var(--ink);text-decoration:none}.kost-btn.light{color:#fff}details>summary::-webkit-details-marker{display:none}.list form+form .li{border-top:1px solid var(--line)}a.li,a.tap,a.btn,.quick a,.kost-btn,a.room{text-decoration:none}.tl a.body{color:var(--ink);text-decoration:none}.seg a{min-height:42px;color:var(--muted);text-align:center;border-radius:12px;justify-content:center;align-items:center;padding:4px 6px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.seg a.on{background:var(--surface);color:var(--accent);box-shadow:var(--shadow)}.seg button[disabled]{opacity:.55;cursor:not-allowed}.kw-stamp.batal{color:#c0390b;border-color:#c0390b;font-size:17px}.kw-batal{color:#8a2a08;background:#ffe3d8;border-radius:12px;padding:10px 12px;font-size:12.5px;font-weight:600}a.opt,a.alert{text-decoration:none}.btn-hapus{background:var(--bad);color:#fff;border-color:var(--bad)}.offline-bar{top:calc(8px + env(safe-area-inset-top));z-index:60;max-width:456px;margin:0 auto;position:fixed;left:12px;right:12px;box-shadow:0 4px 16px #0000001f}.facade{width:100%;max-width:340px;margin-inline:auto}.facade svg{width:100%;height:auto;display:block}@media (prefers-reduced-motion:no-preference){.fs-nyala{animation:4s ease-in-out infinite alternate fs-redup}.fs-nyala:nth-of-type(3n){animation-delay:1.3s}@keyframes fs-redup{to{opacity:.78}}}