:root{color-scheme:light;--ink: #101214;--strong: #39414A;--muted: #6B7280;--faint: #9AA1AD;--faint-2: #A6ACB8;--faint-3: #B3B9C0;--page: #ECEDEE;--panel: #F5F6F6;--surface: #FFFFFF;--surface-2: #FAFBFB;--surface-3: #F1F2F4;--field: #F4F5F6;--line: #EDEFF0;--border: #E4E7E8;--border-soft: #E7E9EA;--primary: #146B3F;--primary-solid: #146B3F;--primary-hover: #0E4F2E;--primary-dark: #0E4F2E;--primary-soft: #E8F3EC;--primary-muted: #AEC4B8;--green: #2E9E6B;--gold: #C8921A;--brown: #B4692B;--purple: #6B4FC4;--red: #C0392B;--on-accent: #FFFFFF;--ok-bg: #E9F5EE;--ok-c: #1C7A4F;--ok-border: #CFE6DC;--warn-bg: #FDF4E4;--warn-c: #A9740F;--warn-border: #F0E2CD;--bad-bg: #FDEDEC;--bad-c: #C0392B;--bad-border: #F3C9C5;--info-bg: #E8F3EC;--info-c: #146B3F;--mute-bg: #F1F2F4;--brown-bg: #FBF0E6;--purple-bg: #F0ECFA;--scrollbar: #DFE2E4;--scrollbar-hover: #CFD4D7;--shadow-card: 0 1px 2px rgba(16, 24, 40, .04);--shadow-raised: 0 8px 24px rgba(16, 24, 40, .08);--shadow-frame: 0 24px 60px rgba(16, 24, 40, .1);--stripe-a: #E9EBEC;--stripe-b: #F3F4F5;--gradient-green: linear-gradient(135deg, #2E9E6B 0%, #146B3F 45%, #0E4F2E 100%)}:root[data-theme=dark]{color-scheme:dark;--ink: #E8ECEE;--strong: #C8D0D4;--muted: #9AA4AC;--faint: #7C868E;--faint-2: #6E777F;--faint-3: #626B72;--page: #0D1011;--panel: #14181A;--surface: #191E21;--surface-2: #1E2427;--surface-3: #232A2E;--field: #232A2E;--line: #272F33;--border: #313A3F;--border-soft: #2B3338;--primary: #4FB37F;--primary-solid: #1F7A4B;--primary-hover: #28925A;--primary-dark: #6AC795;--primary-soft: #16331F;--primary-muted: #38584A;--green: #4CBA84;--gold: #D8A63E;--brown: #CE8A55;--purple: #9E8AE3;--red: #E4695C;--ok-bg: #14301F;--ok-c: #6FCB9B;--ok-border: #24523A;--warn-bg: #332810;--warn-c: #E3B457;--warn-border: #55421A;--bad-bg: #381916;--bad-c: #F08A7E;--bad-border: #5C2A25;--info-bg: #16331F;--info-c: #6AC795;--mute-bg: #232A2E;--brown-bg: #33241A;--purple-bg: #241F3A;--scrollbar: #313A3F;--scrollbar-hover: #3D484E;--shadow-card: 0 1px 2px rgba(0, 0, 0, .4);--shadow-raised: 0 8px 24px rgba(0, 0, 0, .45);--shadow-frame: 0 24px 60px rgba(0, 0, 0, .55);--stripe-a: #232A2E;--stripe-b: #1B2124;--gradient-green: linear-gradient(135deg, #1F7A4B 0%, #17603B 45%, #0F4A2E 100%)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--page);font-family:Plus Jakarta Sans,ui-sans-serif,system-ui,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;letter-spacing:-.01em;overflow-x:hidden}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-dark);text-decoration:underline}input,select,textarea,button{font-family:inherit;font-size:inherit;color:inherit}button{padding:0;margin:0}::placeholder{color:var(--faint);opacity:1}img,svg{max-width:100%}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:8px}::-webkit-scrollbar{height:9px;width:9px}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:9px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}::-webkit-scrollbar-track{background:transparent}.hover-nav:hover{background:var(--field)!important;color:var(--ink)!important}.hover-primary:not(:disabled):hover{background:var(--primary-hover)!important}.hover-row:hover{background:var(--surface-2)}.hover-card{transition:transform .16s ease,box-shadow .16s ease}.hover-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-raised)}.hover-soft:not(:disabled):hover{background:var(--surface-3)!important}.hover-lift{transition:box-shadow .16s ease}.hover-lift:hover{box-shadow:var(--shadow-raised)}button:not(:disabled),[role=button]:not([aria-disabled=true]){transition:background .14s ease,border-color .14s ease,color .14s ease}.split{display:grid;gap:16px;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);align-items:start}.split-wide{display:grid;gap:16px;grid-template-columns:minmax(0,1.85fr) minmax(280px,1fr);align-items:start}.split-even{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));align-items:start}.stack{display:flex;flex-direction:column;gap:16px;min-width:0}.settings-grid{display:grid;gap:16px;grid-template-columns:minmax(200px,248px) minmax(0,1fr);align-items:start}@media (max-width: 1080px){.split,.split-wide{grid-template-columns:minmax(0,1fr)}}@media (max-width: 860px){.settings-grid{grid-template-columns:minmax(0,1fr)}}:root[data-density=compact] td,:root[data-density=compact] th{padding-top:7px!important;padding-bottom:7px!important}.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 720px){body{letter-spacing:0}.touch-wrap{flex-wrap:wrap}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media print{body{background:#fff}aside,header{display:none!important}}@keyframes dlg-fade{0%{opacity:0}to{opacity:1}}@keyframes dlg-pop{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}.dlg-backdrop{animation:dlg-fade .16s ease-out}.dlg-panel{animation:dlg-pop .2s cubic-bezier(.16,1,.3,1)}.dlg-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.dlg-panel{width:100%;max-height:100%;display:flex;flex-direction:column;overflow:hidden;border-radius:24px}.dlg-head{flex:none;padding:20px 24px 14px;display:flex;align-items:flex-start;gap:13px}.dlg-head-text{flex:1;min-width:0;overflow-wrap:anywhere}.dlg-body{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:4px 24px 20px;overflow-wrap:anywhere}.dlg-foot{flex:none;padding:14px 24px 20px;display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap}.dlg-foot>*{max-width:100%}.dlg-foot button{height:auto!important;min-height:42px;padding-top:9px!important;padding-bottom:9px!important;line-height:1.3;text-align:center}@media (max-width: 480px){.dlg-panel{border-radius:20px}.dlg-head{padding:16px 16px 12px;gap:11px}.dlg-body{padding:4px 16px 16px}.dlg-foot{padding:12px 16px 16px;gap:8px}.dlg-foot>button{flex:1 1 auto}}@media (max-height: 520px){.dlg-head{padding-top:12px;padding-bottom:8px}.dlg-foot{padding-top:10px;padding-bottom:12px}}#root{max-width:100%}#root *{min-width:0}.timer-dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex:none;animation:timer-pulse 1.6s ease-in-out infinite}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.3}}@media (prefers-reduced-motion: reduce){.timer-dot{animation:none}}.map-region{transition:fill .15s ease;cursor:pointer;outline:none}.map-region:hover,.map-region:focus-visible{stroke:var(--primary-dark);stroke-width:1.6px}.project-row{display:grid;align-items:center;column-gap:12px;row-gap:8px;padding:12px;border-radius:14px;cursor:pointer;grid-template-columns:42px minmax(0,1fr) auto auto 96px;grid-template-areas:"tile info status value due"}.project-row .pr-tile{grid-area:tile;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font-size:13px;font-weight:700}.project-row .pr-info{grid-area:info;min-width:0}.project-row .pr-name{font-size:13.5px;font-weight:600;letter-spacing:-.015em;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-row .pr-meta{font-size:11px;color:var(--faint);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-row .pr-status{grid-area:status;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.project-row .pr-value{grid-area:value;font-size:13px;font-weight:700;white-space:nowrap}.project-row .pr-due{grid-area:due;text-align:right}@media (max-width: 719px){.project-row{grid-template-columns:38px minmax(0,1fr) auto;grid-template-areas:"tile info due" "tile status value";align-items:start;column-gap:10px;row-gap:8px;padding:12px 8px;border-radius:0}.project-row+.project-row{border-top:1px solid var(--line)}.project-row .pr-tile{width:38px;height:38px;border-radius:12px;font-size:12px}.project-row .pr-name{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px}.project-row .pr-status{align-self:center;max-width:100%}.project-row .pr-status>span{max-width:100%;overflow:hidden;text-overflow:ellipsis}.project-row .pr-value{align-self:center;justify-self:end;font-size:12.5px}}.coffee-cup svg{transition:transform .18s ease}.coffee-cup:hover svg,.coffee-cup:focus-visible svg{transform:translateY(-2px)}.coffee-bubble{transform-box:fill-box;transform-origin:center;opacity:0;animation:coffee-rise 2s ease-in infinite}.coffee-surface{animation:coffee-simmer 1.3s ease-in-out infinite}.coffee-wave{animation:coffee-wave 2.2s linear infinite}.coffee-wave-slow{animation-duration:3.4s;animation-direction:reverse}.coffee-pop{transform-box:fill-box;transform-origin:center;opacity:0;animation:coffee-pop 1.65s ease-out infinite}.coffee-steam path{opacity:0;animation:coffee-steam 2.4s ease-in-out infinite}.coffee-jump{transform-box:fill-box;transform-origin:50% 100%;animation:coffee-jump 1.15s cubic-bezier(.3,.7,.4,1) infinite}.coffee-jump-shadow{transform-box:fill-box;transform-origin:center;animation:coffee-jump-shadow 1.15s cubic-bezier(.3,.7,.4,1) infinite}@keyframes coffee-jump{0%,to{transform:translateY(0) scale(1)}12%{transform:translateY(0) scale(1.08,.9)}42%{transform:translateY(-16px) scale(.95,1.06)}55%{transform:translateY(-17px) scale(1)}82%{transform:translateY(0) scale(1.07,.92)}92%{transform:translateY(0) scale(.98,1.02)}}.coffee-wave-calm{animation-duration:7s}.coffee-ice{transform-box:fill-box;transform-origin:center;transform:rotate(var(--tilt, 0deg));animation:coffee-ice 3.2s ease-in-out infinite}@keyframes coffee-ice{0%,to{transform:translateY(0) rotate(var(--tilt, 0deg))}50%{transform:translateY(1.6px) rotate(calc(var(--tilt, 0deg) + 4deg))}}.coffee-dew{transform-box:fill-box;transform-origin:center;animation:coffee-dew 4.5s ease-in infinite}@keyframes coffee-dew{0%,55%{transform:translateY(0);opacity:.9}90%{transform:translateY(7px);opacity:.5}to{transform:translateY(8px);opacity:0}}.coffee-shake{transform-box:fill-box;transform-origin:50% 100%;animation:coffee-shake 1.15s ease-in-out infinite}@keyframes coffee-shake{0%,46%,to{transform:translate(0) rotate(0)}6%{transform:translate(-3px) rotate(-4deg)}12%{transform:translate(3px) rotate(4deg)}18%{transform:translate(-3px) rotate(-3.5deg)}24%{transform:translate(3px) rotate(3deg)}30%{transform:translate(-2px) rotate(-2deg)}36%{transform:translate(2px) rotate(1.5deg)}42%{transform:translate(-1px) rotate(-.5deg)}}@keyframes coffee-jump-shadow{0%,12%,82%,to{transform:scale(1);opacity:1}48%{transform:scale(.55);opacity:.45}}@keyframes coffee-rise{0%{transform:translateY(0) scale(.5);opacity:0}15%{opacity:.9}85%{opacity:.8}to{transform:translateY(var(--rise, -40px)) scale(1.15);opacity:0}}@keyframes coffee-simmer{0%,to{transform:translateY(0)}50%{transform:translateY(-1.2px)}}@keyframes coffee-wave{0%{transform:translate(0)}to{transform:translate(-32px)}}@keyframes coffee-pop{0%{transform:scale(.3);opacity:0}30%{opacity:.9}to{transform:scale(1.6);opacity:0}}@keyframes coffee-steam{0%{transform:translateY(6px);opacity:0}40%{opacity:1}to{transform:translateY(-6px);opacity:0}}@media (prefers-reduced-motion: reduce){.coffee-bubble,.coffee-pop,.coffee-surface,.coffee-wave,.coffee-steam path,.coffee-jump,.coffee-jump-shadow,.coffee-shake,.coffee-ice,.coffee-dew{animation:none}.coffee-steam path{opacity:.6}}.bendera-kain{transform-box:fill-box;transform-origin:left center;animation:bendera-kibar 1.6s ease-in-out infinite}@keyframes bendera-kibar{0%,to{transform:skewY(0) scaleX(1)}25%{transform:skewY(-7deg) scaleX(.92)}50%{transform:skewY(0) scaleX(.97)}75%{transform:skewY(7deg) scaleX(.9)}}@media (prefers-reduced-motion: reduce){.bendera-kain{animation:none}}
