*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Plus Jakarta Sans,system-ui,sans-serif;overflow:hidden}.ko{color:#1b1330;background:radial-gradient(130% 90% at 50% 15%,#fff7ee 0%,#f3e6d6 55%,#e2cfbb 100%);inset:0;overflow:hidden;display:block!important;position:fixed!important}.ko-sheet{z-index:5;background:#00000059;place-items:end center;display:grid;position:fixed;inset:0}.ko-sheet-in{color:#1b1330;background:#fff;border-radius:20px;width:min(560px,100%);max-height:90dvh;margin:16px;padding:20px;overflow-y:auto}.ko-sheet-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.ko-head-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.ko-sheet-in h3{margin:0 0 6px}.ko-sheet-in h3 small{color:#6a6380;margin-top:2px;font-size:.8125rem;font-weight:500;display:block}.ko-key-toggle{color:#4a4260;cursor:pointer;background:#f8f5fc;border:1px solid #d7cfe6;border-radius:999px;flex-shrink:0;padding:5px 10px;font:600 .6875rem/1.2 inherit}.ko-wa-toggle.ko-wa-on{color:#166a55;background:#e6f6f2;border-color:#9dd9cb}.ko-wa-box{background:#f4fbf9;border:1px solid #ccebe2;border-radius:12px;gap:8px;margin:8px 0;padding:10px 12px;display:grid}.ko-wa-box-head{justify-content:space-between;align-items:center;gap:8px;font-size:.8125rem;display:flex}.ko-wa-badge{color:#544b6b;background:#ebe6f4;border-radius:999px;padding:2px 8px;font-size:.6875rem;font-weight:700}.ko-wa-badge.is-on{color:#146c56;background:#d4f4ea}.ko-wa-desc{color:#39304f;margin:0;font-size:.75rem;line-height:1.4}.ko-wa-cmd{color:#e8e2f6;background:#1e1633;border-radius:8px;margin:0;padding:7px 10px;font:600 .75rem/1.3 ui-monospace,monospace;overflow-x:auto}.ko-wa-qr{width:184px;height:184px;image-rendering:pixelated;background:#fff;border:1px solid #d7cfe6;border-radius:10px;margin:2px auto;padding:6px;display:block}.ko-wa-check{color:#271b3f;cursor:pointer;align-items:center;gap:8px;font-size:.75rem;font-weight:600;display:flex}.ko-wa-hint{color:#5c5372;margin:0;font-size:.6875rem;line-height:1.4}.ko-wa-actions{flex-wrap:wrap;gap:8px;display:flex}.ko-key-box{background:#f8f5fc;border-radius:12px;gap:6px;margin:8px 0;padding:10px;display:grid}.ko-key-box label{color:#4a4260;font-size:.75rem;font-weight:600}.ko-key-box input,.ko-key-box select{font:inherit;color:#1b1330;background:#fff;border:1px solid #d7cfe6;border-radius:8px;padding:8px 10px;font-size:.8125rem}.ko-key-note{color:#1f8a70;margin:0;font-size:.6875rem;font-weight:600}.ko-cms-toggle.ko-cms-on{color:#44258b;background:#ede7f6;border-color:#b79fe8}.ko-cms-box{background:#f7f4fc;border:1px solid #ded5ef;border-radius:12px;gap:8px;margin:8px 0;padding:11px 12px;display:grid}.ko-cms-cfg-btn{cursor:pointer;border:0;font:700 .6875rem/1.2 inherit}.ko-cms-cfg,.ko-cms-editor,.ko-cms-snippet{background:#fff;border:1px solid #e6def3;border-radius:10px;gap:7px;padding:9px;display:grid}.ko-cms-row{gap:3px;display:grid}.ko-cms-grid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.ko-cms-grid2>div{gap:3px;display:grid}.ko-cms-box label{color:#4a4260;font-size:.6875rem;font-weight:700}.ko-cms-box input,.ko-cms-box select,.ko-cms-box textarea{font:inherit;color:#1b1330;box-sizing:border-box;background:#fff;border:1px solid #d7cfe6;border-radius:8px;width:100%;padding:7px 9px;font-size:.75rem}.ko-cms-box textarea{resize:vertical;font-family:ui-monospace,monospace;line-height:1.4}.ko-cms-tabs{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ko-cms-tab{color:#4a4260;cursor:pointer;background:#fff;border:1px solid #d7cfe6;border-radius:8px;padding:6px 10px;font:600 .75rem/1.2 inherit}.ko-cms-tab.is-active{color:#fff;background:#6b4fbb;border-color:#6b4fbb}.ko-cms-select{flex:1;min-width:150px;width:auto!important}.ko-cms-gen{flex-wrap:wrap;align-items:stretch;gap:6px;display:flex}.ko-cms-gen input{flex:180px;width:auto;min-width:0}.ko-cms-gen select{flex:none;width:auto}.ko-chat-warn{color:#92400e;background:#fef3c7;border-radius:8px;margin:0;padding:6px 9px;font-size:.6875rem;line-height:1.35}.ko-sheet-now{margin:6px 0 8px;font-size:.875rem}.ko-sheet-skills{margin:8px 0 12px}.ko-sheet-skills small{letter-spacing:.06em;text-transform:uppercase;color:#6a6380;margin-bottom:6px;font-size:.6875rem;font-weight:700;display:block}.ko-sheet-skills ul{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.ko-sheet-skills li{color:#271b3f;background:#ede7f6;border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:600}.ko-chat{background:#f6f3fb;border:1px solid #e7e0f2;border-radius:14px;gap:8px;margin:12px 0;padding:12px;display:grid}.ko-chat-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.ko-chat-top small{color:#4a4260;font-size:.75rem;font-weight:700}.ko-chat-quick{flex-wrap:wrap;gap:6px;display:flex}.ko-quick-btn{color:#271b3f;cursor:pointer;background:#fff;border:1px solid #d7cfe6;border-radius:999px;padding:4px 9px;font:600 .6875rem/1.2 inherit}.ko-quick-btn:hover{background:#ede7f6}.ko-chat-log{gap:8px;max-height:210px;padding-right:4px;display:grid;overflow-y:auto}.ko-chat-empty{color:#6a6380;margin:4px 0;font-size:.8125rem;line-height:1.4}.ko-msg{border-radius:12px;gap:3px;max-width:92%;padding:8px 11px;display:grid}.ko-msg p{white-space:pre-wrap;margin:0;font-size:.8125rem;line-height:1.45}.ko-msg small{opacity:.7;font-size:.625rem}.ko-msg-user{color:#fff;background:#271b3f;border-bottom-right-radius:4px;justify-self:end}.ko-msg-agen{color:#1b1330;background:#fff;border:1px solid #e7e0f2;border-bottom-left-radius:4px;justify-self:start}.ko-chat-form{gap:8px;display:flex}.ko-chat-form input{min-width:0;font:inherit;color:#1b1330;background:#fff;border:1px solid #d7cfe6;border-radius:10px;flex:1;padding:9px 12px;font-size:.875rem}.ko-chat-form input:focus{border-color:#0000;outline:2px solid #271b3f}.ko-btn-primary{color:#fff;cursor:pointer;background:#271b3f;border:0;border-radius:10px;padding:9px 14px;font:600 .875rem/1 inherit}.ko-btn-primary:disabled{opacity:.45;cursor:not-allowed}.ko-wa-bar{align-items:stretch;gap:8px;margin:10px 0;display:flex}.ko-wa-btn{text-align:center;color:#fff;cursor:pointer;background:#1f8a70;border:0;border-radius:10px;flex:1;place-items:center;padding:10px 14px;font:700 .8125rem/1.25 inherit;text-decoration:none;display:grid}.ko-wa-btn:hover{background:#19725c}.ko-wa-btn:disabled{opacity:.65;cursor:wait}.ko-btn-sec{color:#271b3f;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d7cfe6;border-radius:10px;padding:8px 12px;font:600 .75rem/1 inherit}.ko-btn-link{place-items:center;text-decoration:none;display:inline-grid}.ko-sheet-sum{background:#f4f1f9;border-radius:12px;padding:10px;font-size:.8125rem}.ko-sheet-urgent{color:#c4173f;font-size:.8125rem;font-weight:600}.ko-sheet-wait{margin:8px 0;padding-left:18px;font-size:.8125rem}.ko-sheet-close{color:#fff;font:inherit;cursor:pointer;background:#271b3f;border:0;border-radius:10px;margin-top:8px;padding:10px 16px}.ko-urgent{font-size:14px}.ko{gap:16px;display:grid}.ko-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ko-sample{color:#c4173f;background:#fde8ee;border-radius:14px;margin:0;padding:10px 14px;font-size:.875rem}.ko-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:16px;display:grid}@media (width<=1023px){.ko-grid{grid-template-columns:minmax(0,1fr)}}.ko-stage{aspect-ratio:16/10;isolation:isolate;background:radial-gradient(120% 90% at 50% 0,#fff 0%,#efe9f8 60%,#e3dbf0 100%);border:1px solid #e8e3f0;border-radius:20px;min-height:360px;position:relative;overflow:hidden}.ko[data-night] .ko-stage{background:radial-gradient(120% 90% at 50% 0,#2a2245 0%,#171127 70%,#0f0b1c 100%);border-color:#0000}@media (width<=767px){.ko-stage{aspect-ratio:9/13;min-height:0}}.ko-canvas,.ko-canvas canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.ko-loading{color:#6a6380;place-items:center;font-size:.875rem;display:grid;position:absolute;inset:0}.ko-layer{pointer-events:none;z-index:1;position:absolute;inset:0}.ko-layer .ko-tag,.ko-board-pin{will-change:transform;position:absolute;top:0;left:0;transform:translate(-999px,-999px)}.ko-layer .ko-tag-in{flex-direction:column;align-items:center;gap:4px;display:flex;translate:-50% -100%}.ko-board-pin{color:#fff;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;background:#271b3f;border-radius:999px;padding:3px 10px;font-size:.6875rem;font-weight:700;translate:-50% -100%}.ko-tag{pointer-events:none}.ko-tag-row{pointer-events:auto;align-items:center;gap:4px;width:max-content;display:flex}.ko-name{color:#1b1330;cursor:pointer;background:#fff;border:0;border-radius:999px;align-items:center;gap:6px;min-height:32px;padding:4px 10px 4px 8px;font:700 .8125rem/1 Plus Jakarta Sans,system-ui,sans-serif;display:inline-flex;box-shadow:0 2px 8px #1b13302e}.ko-dot{background:var(--agent);width:10px;height:10px;box-shadow:0 0 0 2px color-mix(in srgb, var(--agent) 30%, transparent);border-radius:50%}.ko-tag[data-act=kerja] .ko-dot,.ko-tag[data-act=laporan] .ko-dot{animation:1.2s ease-in-out infinite ko-pulse}.ko-bang{color:#1b1330;cursor:pointer;background:#ffb020;border:0;border-radius:999px;grid-auto-flow:column;place-items:center;gap:2px;min-width:32px;height:32px;padding:0 8px;font:800 1rem/1 Plus Jakarta Sans,system-ui,sans-serif;animation:2.4s cubic-bezier(.34,1.4,.64,1) infinite ko-hop;display:inline-grid;box-shadow:0 2px 8px #1b133040}.ko-bang[data-mine]{color:#fff;background:#f3355b}.ko-bang small{font-size:.6875rem}.ko-urgent{color:#f3355b;background:#fff;border-radius:50%;place-items:center;width:26px;height:26px;animation:.9s ease-in-out infinite ko-pulse;display:inline-grid}.ko-label{color:#fff;background:#1b1330b8;border-radius:999px;align-items:center;gap:4px;width:max-content;max-width:180px;margin-top:4px;padding:2px 8px;font-size:.6875rem;font-weight:600;display:inline-flex}.ko-tag[data-act=pulang] .ko-label{background:#1b133066}.ko-bubble{color:#1b1330;background:#fff;border-radius:14px 14px 14px 4px;width:max-content;max-width:min(240px,60vw);margin:0;padding:8px 12px;font-size:.75rem;line-height:1.4;animation:.42s cubic-bezier(.22,1,.36,1) ko-in;box-shadow:0 6px 18px #1b13302e}.ko-flat{grid-template-columns:1.4fr 1fr 1.2fr;gap:12px;display:grid}@media (width<=767px){.ko-flat{grid-template-columns:1fr}}.ko-room{background:#efe7f7;border:1px solid #e8e3f0;border-radius:20px;padding:14px}.ko-room[data-room=keuangan]{background:#fbf0dc}.ko-room[data-room=studio]{background:#e3eefc}.ko[data-night] .ko-room{color:#fff;background:#2a2245}.ko-room h3{text-transform:uppercase;letter-spacing:.06em;color:inherit;opacity:.75;margin:0 0 10px;font-size:.8125rem}.ko-room-desks{gap:10px;display:grid}.ko-flat-desk{background:#ffffffb3;border:2px solid #0000;border-radius:14px;padding:12px}.ko[data-night] .ko-flat-desk{background:#ffffff14}.ko-flat-desk[data-urgent]{animation:1.4s ease-in-out infinite ko-blink}.ko-flat-desk .ko-tag-in{justify-items:start;gap:6px;display:grid}.ko-flat-desk .ko-bubble{width:auto;max-width:none}.ko-mb{color:#fff;background:#271b3f;border-radius:20px;padding:16px}.ko-mb h2{letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-size:1rem}.ko-mb h3{color:#ffffffbf;align-items:center;gap:8px;margin:14px 0 8px;font-size:.8125rem;display:flex}.ko-mb ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.ko-mb-items button{color:#1b1330;text-align:left;cursor:pointer;background:#ffd166;border:0;border-radius:10px;gap:4px;width:100%;padding:10px 12px;font:500 .8125rem/1.35 Plus Jakarta Sans,system-ui,sans-serif;display:grid;rotate:-.6deg}.ko-mb-items li:nth-child(2n) button{background:#b2f7ef;rotate:.6deg}.ko-mb-items li[data-mine] button{box-shadow:inset 4px 0 #f3355b}.ko-mb-items small{color:#4a4260;font-size:.6875rem}.ko-mb-metrics{grid-template-columns:1fr 1fr;gap:8px;margin:0;display:grid}.ko-mb-metrics div{background:#ffffff14;border-radius:10px;padding:8px 10px}.ko-mb-metrics dt{color:#ffffffb3;font-size:.6875rem}.ko-mb-metrics dd{margin:2px 0 0;font-size:1.0625rem;font-weight:700}.ko-mb-empty{color:#ffffffb3;margin:0;font-size:.8125rem}.ko-detail{gap:14px;display:grid}.ko-detail-doing{margin:0}.ko-detail-doing small{color:#6a6380}.ko-detail-sum{background:#f4f1f9;border-radius:14px;margin:0;padding:12px}.ko-detail-items{gap:10px;display:grid}.ko-sample-btns{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}@keyframes ko-pulse{50%{opacity:.45}}@keyframes ko-hop{0%,80%,to{transform:translateY(0)}88%{transform:translateY(-5px)}}@keyframes ko-blink{50%{border-color:#f3355b;box-shadow:0 0 0 4px #f3355b2e}}@keyframes ko-in{0%{opacity:0;transform:translateY(6px)scale(.96)}}@media (prefers-reduced-motion:reduce){.ko-dot,.ko-bang,.ko-urgent,.ko-flat-desk[data-urgent],.ko-bubble{animation:none}.ko-flat-desk[data-urgent]{border-color:#f3355b}}.ko-unused{z-index:200;color:#1b1330;background:radial-gradient(130% 90% at 50% 15%,#fff7ee 0%,#f3e6d6 55%,#e2cfbb 100%);display:block;position:fixed;inset:0;overflow:hidden}.ko[data-night]{color:#fff;background:radial-gradient(130% 90% at 50% 15%,#2b2147 0%,#150f26 60%,#0b0816 100%)}.ko .ko-stage{aspect-ratio:auto;background:0 0;border:0;border-radius:0;min-height:0;position:absolute;inset:0}.ko .ko-name{min-height:36px;font-size:.9375rem}.ko .ko-label{font-size:.75rem}.ko .ko-bubble{max-width:min(300px,70vw);font-size:.875rem}.ko-hud{padding:max(20px, env(safe-area-inset-top)) 24px 0;pointer-events:none;z-index:2;justify-content:space-between;align-items:flex-start;gap:16px;display:flex;position:absolute;inset:0 0 auto}.ko-brand{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1b1330d1;border-radius:999px;align-items:center;gap:10px;padding:10px 16px;display:flex}.ko-brand b{letter-spacing:.02em;font-size:1.0625rem;display:block}.ko-brand small{opacity:.75;font-size:.75rem}.ko-live{background:#4ade80;border-radius:50%;width:10px;height:10px;animation:1.4s ease-in-out infinite ko-pulse;box-shadow:0 0 0 4px #4ade8040}.ko-clock{text-align:right;margin-left:auto}.ko-clock b{letter-spacing:-.02em;font-size:clamp(2rem,6vw,3.25rem);font-weight:800;line-height:1;display:block}.ko-clock small{opacity:.75;font-size:.8125rem;display:block}.ko-sholat-hud{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1b1330cc;border-radius:12px;justify-items:end;gap:3px;margin-top:6px;padding:6px 10px;font-size:.6875rem;display:grid}.ko-sholat-hud.is-now{background:#114a34e6;box-shadow:0 0 0 1px #6ee7b773}.ko-sholat-next{color:#a7f3d0;font-weight:700}.ko-sholat-list{opacity:.86;flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.ko-sholat-list .is-target{color:#fde68a;font-weight:700}.ko-tag[data-act=sholat] .ko-dot{background:#10b981;box-shadow:0 0 0 3px #10b98147}.ko-hud-close{pointer-events:auto;color:#fff;cursor:pointer;background:#1b1330b3;border:0;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.ko-act{z-index:2;color:#fff;white-space:nowrap;pointer-events:none;background:linear-gradient(120deg,#fa225e,#fd3e55);border-radius:999px;margin:0;padding:10px 22px;font-size:clamp(1rem,3.2vw,1.375rem);font-weight:800;animation:3.2s cubic-bezier(.22,1,.36,1) forwards ko-act;position:absolute;top:22%;left:50%;translate:-50%;box-shadow:0 10px 30px #f3355b59}@keyframes ko-act{0%{opacity:0;transform:translateY(14px)scale(.92)}12%,70%{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px)}}.ko-mini{left:24px;bottom:max(24px, env(safe-area-inset-bottom));z-index:2;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1b1330db;border-radius:20px;width:min(380px,100vw - 48px);padding:14px 16px;position:absolute}.ko-mini h2{letter-spacing:.1em;text-transform:uppercase;opacity:.8;margin:0 0 8px;font-size:.75rem}.ko-mini ul{gap:6px;margin:0;padding:0;font-size:.8125rem;line-height:1.35;list-style:none;display:grid}.ko-mini dl{grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0 0;display:grid}.ko-mini dd{margin:0;font-size:1.125rem;font-weight:800}.ko-mini dt{opacity:.7;font-size:.625rem}.ko-full-note{z-index:2;opacity:.6;margin:0;font-size:.75rem;position:absolute;bottom:20px;right:24px}@media (aspect-ratio<=1){.ko-mini{width:auto;left:16px;right:16px}.ko-hud{padding-inline:16px}}.ko-full[data-rec] .ko-bang,.ko-full[data-rec] .ko-dot,.ko-full[data-rec] .ko-urgent,.ko-full[data-rec] .ko-live{animation:none}.ko .ko-name{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1b1330db;gap:8px;padding:6px 12px 6px 10px;font-size:.875rem}.ko-name-act{color:#ffffffb8;white-space:nowrap;font-size:.75rem;font-weight:500}.ko-think{color:#3a86ff;background:#fff;border-radius:14px;place-items:center;min-width:38px;height:28px;padding:0 8px;font:800 .8125rem/1 ui-monospace,monospace;display:inline-grid;box-shadow:0 3px 10px #1b133033}.ko-gaya{right:16px;bottom:max(16px, env(safe-area-inset-bottom));z-index:4;justify-items:end;gap:6px;font-size:.8125rem;display:grid;position:absolute}.ko-gaya ul{color:#1b1330;background:#fffffff0;border-radius:14px;gap:2px;max-height:min(60vh,460px);margin:0;padding:6px;list-style:none;display:grid;overflow:auto;box-shadow:0 8px 30px #0000002e}.ko-gaya li button{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:space-between;gap:12px;padding:6px 10px;display:flex}.ko-gaya li button:hover{background:#f1ecf8}.ko-gaya li button[aria-pressed=true]{color:#fff;background:#271b3f}.ko-gaya li small{opacity:.6;font-size:.6875rem}.ko-gaya-btn{color:#fff;font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#271b3fd9;border:0;border-radius:999px;padding:8px 14px;font-weight:600}.ko-tilt{pointer-events:none;-webkit-backdrop-filter:blur(4px)saturate(1.2);backdrop-filter:blur(4px)saturate(1.2);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 34% 66%,#000 100%);mask-image:linear-gradient(#000 0%,#0000 34% 66%,#000 100%)}.ko[data-gaya=hologram] .ko-name{color:#a5f3fc;background:#030a16d1;border:1px solid #22d3ee99;border-radius:4px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-weight:500;box-shadow:0 0 10px #22d3ee40}.ko[data-gaya=hologram] .ko-name-act{color:#67e8f9}
