:root{--emerald: #0d6e4f;--emerald-light: #15a572;--emerald-dark: #084d38;--emerald-muted: #e6f4ef;--gold: #c9922a;--gold-light: #e8b84b;--gold-muted: #fdf3e0;--ink: #1a1a2e;--ink-soft: #3d4460;--ink-muted: #6b7094;--border: #e4e7f0;--card: #ffffff}.ico-ok{color:var(--emerald-light)}.ico-warn{color:var(--gold)}.ico-bad{color:#dc2626}.ico-muted{color:var(--ink-muted)}.x-flex{display:flex}.x-grid{display:grid}.x-iflex{display:inline-flex}.x-block{display:block}.x-iblock{display:inline-block}.x-inline{display:inline}:root{--surface: #f7f8fc;--shadow-card: 0 2px 12px rgba(13, 110, 79, .07), 0 1px 3px rgba(0, 0, 0, .04);--shadow-hover: 0 8px 28px rgba(13, 110, 79, .13), 0 2px 8px rgba(0, 0, 0, .06);--pending: #c7cbdb;--gold-ink: #8a5f12;--r-card: 16px;--r-inner: 12px;--r-ctl: 10px}*,*:before,*:after{box-sizing:border-box}[x-cloak]{display:none!important}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:14px;line-height:1.5;color:var(--ink-soft);background:var(--surface);-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}a{color:inherit}:focus-visible{outline:2px solid var(--emerald);outline-offset:2px;border-radius:6px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.num{font-variant-numeric:tabular-nums}.tk-wrap{max-width:1120px;margin:0 auto;padding:0 16px}.tk-top{position:sticky;top:0;z-index:20;background:#ffffffeb;backdrop-filter:saturate(160%) blur(10px);-webkit-backdrop-filter:saturate(160%) blur(10px);border-bottom:1px solid var(--border)}.tk-top-in{display:flex;align-items:center;gap:12px;height:60px}.tk-brand{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.tk-brand img{width:36px;height:36px;border-radius:10px;object-fit:cover;background:var(--emerald-muted);flex-shrink:0}.tk-brand-text{min-width:0}.tk-brand-name{font-size:15px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tk-brand-sub{font-size:11px;color:var(--ink-muted)}@media(max-width:639px){.tk-brand-text{display:none}}.tk-state{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px;border-radius:999px;font-size:12px;font-weight:700;flex-shrink:0}.tk-state.live{background:var(--emerald-muted);color:var(--emerald)}.tk-state.arsip{background:var(--gold-muted);color:var(--gold-ink)}.tk-live-dot{width:7px;height:7px;border-radius:50%;background:var(--emerald-light);position:relative}.tk-icon-btn{width:40px;height:40px;border-radius:var(--r-ctl);flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--card);color:var(--ink-soft);font-size:18px;cursor:pointer;transition:border-color .2s,color .2s,background .2s;text-decoration:none}.tk-icon-btn:hover{border-color:var(--emerald);color:var(--emerald)}.tk-icon-btn.ok{border-color:var(--emerald);color:var(--emerald);background:var(--emerald-muted)}.tk-textlink{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 4px;font-size:13px;font-weight:600;color:var(--ink-muted);text-decoration:none;flex-shrink:0}.tk-textlink:hover{color:var(--emerald)}.tk-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;padding:16px 0 8px}@media(min-width:900px){.tk-hero{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:32px;padding-top:28px;align-items:start}}.tk-periode{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px}.tk-select-wrap{position:relative;display:inline-flex}.tk-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;height:36px;padding:0 34px 0 14px;border-radius:999px;border:1px solid var(--border);background:var(--card);font-size:13px;font-weight:600;color:var(--ink);cursor:pointer;transition:border-color .2s}.tk-select:hover{border-color:var(--emerald)}.tk-select-wrap i{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--ink-muted)}.tk-date{font-size:13px;color:var(--ink-muted)}.tk-h1{margin:0 0 8px;font-size:30px;line-height:1.15;font-weight:800;letter-spacing:-.02em;color:var(--ink)}.tk-h1 .pct{color:var(--emerald)}@media(min-width:900px){.tk-h1{font-size:38px}}.tk-lead{margin:0 0 20px;font-size:15px;color:var(--ink-muted);max-width:52ch}.tk-seg{display:flex;height:10px;border-radius:999px;overflow:hidden;background:#eceef5;gap:2px}.tk-seg span{display:block;height:100%;transition:width .5s ease}.tk-seg .s-done{background:var(--emerald)}.tk-seg .s-run{background:var(--gold-light)}.tk-legend{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:10px;font-size:13px;color:var(--ink-muted)}.tk-legend b{color:var(--ink);font-weight:700}.tk-legend .k{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:6px;vertical-align:1px}.tk-quick{display:flex;gap:8px;margin-top:22px;overflow-x:auto;scrollbar-width:none;margin-left:-16px;margin-right:-16px;padding:0 16px 2px}.tk-quick::-webkit-scrollbar{display:none}@media(min-width:900px){.tk-quick{margin:22px 0 0;padding:0;flex-wrap:wrap}}.tk-quick a{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:var(--r-ctl);background:var(--card);border:1px solid var(--border);font-size:13px;font-weight:600;color:var(--ink);text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .1s}.tk-quick a i{font-size:17px;color:var(--emerald)}.tk-quick a:hover{border-color:var(--emerald);box-shadow:var(--shadow-card)}.tk-quick a:active{transform:translateY(1px)}.tk-arsip{display:flex;gap:10px;align-items:flex-start;margin-bottom:16px;padding:12px 14px;border-radius:var(--r-inner);background:var(--gold-muted);border:1px solid #f1d9a6;font-size:13px;color:var(--ink-soft)}.tk-arsip i{font-size:18px;color:var(--gold-ink);margin-top:1px}.tk-arsip strong{color:var(--gold-ink)}.tk-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-card)}.tk-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px 0}.tk-card-title{margin:0;font-size:15px;font-weight:700;color:var(--ink)}.tk-meta{font-size:12px;color:var(--ink-muted)}.tk-now-list{list-style:none;margin:0;padding:6px 10px 8px}.tk-now-sync{display:flex;align-items:center;gap:6px;margin:2px 0 0;font-size:12px;color:var(--ink-muted);line-height:1.45}.tk-now-sync .tk-live-dot{flex-shrink:0}.tk-now-item{display:flex;align-items:center;gap:12px;padding:7px 8px;border-radius:var(--r-inner)}.tk-now-more{display:flex;align-items:center;justify-content:space-between;gap:8px;width:calc(100% - 36px);min-height:40px;margin:-4px 18px 6px;padding:0;border:0;border-top:1px solid var(--border);background:transparent;cursor:pointer;font-size:12px;font-weight:600;color:var(--ink-muted);text-align:left}.tk-now-more .go{display:inline-flex;align-items:center;gap:4px;color:var(--emerald);font-weight:700}.tk-now-more:hover .go{color:var(--emerald-dark)}.tk-now-item+.tk-now-item{border-top:1px solid var(--border);border-radius:0}.tk-now-ico{width:40px;height:40px;border-radius:var(--r-inner);background:var(--gold-muted);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.tk-now-main{flex:1;min-width:0}.tk-now-title{font-size:14px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tk-now-sub{font-size:12px;color:var(--ink-muted)}.tk-now-time{font-size:12px;font-weight:600;color:var(--gold-ink);white-space:nowrap}.tk-now-empty{padding:22px 18px 24px;text-align:center;font-size:13px;color:var(--ink-muted)}.tk-now-empty i{display:block;font-size:26px;color:var(--emerald);margin-bottom:6px}.tk-section{padding-top:32px}@media(min-width:900px){.tk-section{padding-top:28px}}.tk-area-hewan{scroll-margin-top:76px}.tk-sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.tk-h2{margin:0;font-size:18px;font-weight:700;color:var(--ink);letter-spacing:-.01em}.tk-slide-nav{display:flex;gap:8px}@media(max-width:639px){.tk-slide-nav{display:none}}.tk-icon-btn:disabled{opacity:.4;cursor:default;border-color:var(--border);color:var(--ink-muted)}.tk-stages{display:grid;grid-auto-flow:column;grid-auto-columns:208px;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;margin:0 -16px;padding:2px 16px 8px;scroll-padding:0 16px}.tk-stages::-webkit-scrollbar{display:none}@media(min-width:900px){.tk-stages{margin:0;padding:2px 0 8px;scroll-padding:0}}.tk-stages.fade-r{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 56px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 56px),transparent)}.tk-stages.fade-l{-webkit-mask-image:linear-gradient(to left,#000 calc(100% - 56px),transparent);mask-image:linear-gradient(to left,#000 calc(100% - 56px),transparent)}.tk-stages.fade-l.fade-r{-webkit-mask-image:linear-gradient(to right,transparent,#000 56px,#000 calc(100% - 56px),transparent);mask-image:linear-gradient(to right,transparent,#000 56px,#000 calc(100% - 56px),transparent)}.tk-stage{scroll-snap-align:start;padding:14px 14px 12px;display:flex;flex-direction:column}.tk-stage-top{display:flex;align-items:center;gap:8px;margin-bottom:12px;min-height:32px}.tk-stage-ico{width:30px;height:30px;border-radius:9px;background:var(--surface);display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.tk-stage-name{font-size:13px;font-weight:700;color:var(--ink);line-height:1.25}.tk-stage-run{font-size:11px;font-weight:600;color:var(--gold-ink)}.tk-stage-done{margin-left:auto;color:var(--emerald);font-size:18px;flex-shrink:0}.tk-stage.is-idle .tk-stage-name{color:var(--ink-muted)}.tk-stage.is-run{border-color:#f1d9a6}.tk-stage-row{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:8px;font-size:12px;margin-top:6px}.tk-stage-row .lbl{color:var(--ink-muted)}.tk-stage-row .cnt{font-weight:700;color:var(--ink)}.tk-stage-row .cnt small{font-weight:500;color:var(--ink-muted);font-size:12px}.tk-mini{height:4px;border-radius:999px;background:#eceef5;overflow:hidden}.tk-mini span{display:block;height:100%;background:var(--emerald);border-radius:999px;transition:width .5s ease}.tk-stage-foot{margin-top:auto;padding-top:10px;font-size:11px;color:var(--ink-muted);display:flex;align-items:center;gap:4px}.tk-stage.is-summary{background:var(--emerald-muted);border-color:#cfe6dc;box-shadow:none}.tk-sum-top{display:flex;align-items:center;gap:10px;margin-bottom:10px}.tk-sum-ico{width:32px;height:32px;border-radius:50%;background:var(--emerald);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.tk-sum-big{font-size:15px;font-weight:800;color:var(--emerald-dark);line-height:1.2}.tk-sum-sub{font-size:11px;color:var(--emerald);font-weight:600}.tk-sum-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.tk-sum-list li{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-soft);min-width:0}.tk-sum-list li .nm{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tk-sum-list li .t{color:var(--ink-muted);font-size:11px}.tk-sum-more{font-size:11px;color:var(--ink-muted)}.tk-sum-toggle{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;min-height:40px;padding:0 2px;margin-bottom:-4px;border:0;border-top:1px solid #cfe6dc;background:transparent;font-size:12px;font-weight:700;color:var(--emerald);cursor:pointer}.tk-sum-toggle:hover{color:var(--emerald-dark)}.tk-sum-spacer{height:6px}.tk-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"aside" "hewan";gap:28px;padding-top:36px}.tk-area-hewan{grid-area:hewan}.tk-aside{grid-area:aside}@media(min-width:900px){.tk-grid{grid-template-columns:minmax(0,1fr) 340px;grid-template-areas:"hewan aside";gap:32px}.tk-aside{position:sticky;top:76px;align-self:start}}.tk-aside{display:flex;flex-direction:column;gap:16px}.tk-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.tk-tabs{display:inline-flex;padding:3px;background:#eceef5;border-radius:var(--r-ctl)}.tk-tab{height:34px;padding:0 12px;border:0;border-radius:8px;background:transparent;font-size:13px;font-weight:600;color:var(--ink-muted);cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}.tk-tab[aria-pressed=true]{background:var(--card);color:var(--ink);box-shadow:0 1px 3px #1a1a2e14}.tk-tab .c{font-weight:500;color:var(--ink-muted);margin-left:3px}.tk-field{position:relative;flex:1 1 200px;min-width:0}.tk-field i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--ink-muted);font-size:16px;pointer-events:none}.tk-input,.tk-filter{width:100%;height:40px;border:1px solid var(--border);border-radius:var(--r-ctl);background:var(--card);font-size:13px;color:var(--ink);outline:none;transition:border-color .2s}.tk-input{padding:0 12px 0 36px}.tk-input::placeholder{color:var(--ink-muted)}.tk-input:focus,.tk-filter:focus{border-color:var(--emerald)}.tk-filter-wrap{position:relative;flex:0 0 auto}.tk-filter{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding:0 32px 0 12px;cursor:pointer;font-weight:600}.tk-filter-wrap i{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--ink-muted)}.tk-group-h{display:flex;align-items:center;gap:8px;margin:20px 0 10px;font-size:13px;font-weight:700;color:var(--ink)}.tk-hgroup .tk-group-h{margin-top:0}.tk-hgroup+.tk-hgroup{margin-top:24px}.tk-group-h span{font-weight:500;color:var(--ink-muted)}.tk-hewan{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}@media(min-width:640px){.tk-hewan{grid-template-columns:repeat(2,minmax(0,1fr))}}.tk-h{display:flex;align-items:center;gap:12px;padding:12px;background:var(--card);border:1px solid var(--border);border-radius:var(--r-card);text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .1s}.tk-h{position:relative}.tk-h:hover{border-color:#c9dcd4;box-shadow:var(--shadow-hover)}.tk-h:focus-within{border-color:var(--emerald)}.tk-h-link{text-decoration:none;min-width:0;overflow:hidden}.tk-h-link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--r-card)}.tk-h-link:focus-visible{outline:none}.tk-h-link:focus-visible:after{outline:2px solid var(--emerald);outline-offset:2px}button.tk-thumb{position:relative;z-index:1}.tk-h:active{transform:translateY(1px)}.tk-h.is-run{border-color:#f1d9a6}.tk-thumb{width:60px;height:60px;border-radius:var(--r-inner);flex-shrink:0;overflow:hidden;background:var(--surface);border:0;padding:0;cursor:default;display:flex;flex-direction:column;align-items:center;justify-content:center}.tk-thumb img{width:100%;height:100%;object-fit:cover;display:block}button.tk-thumb{cursor:zoom-in}.tk-thumb .w{font-size:16px;font-weight:800;color:var(--emerald-dark);line-height:1}.tk-thumb .u{font-size:10px;font-weight:700;color:var(--emerald);margin-top:3px}.tk-thumb .j{font-size:11px;font-weight:600;color:var(--ink-muted)}.tk-h-main{flex:1;min-width:0}.tk-h-name{display:flex;align-items:baseline;gap:6px;min-width:0}.tk-h-name strong{font-size:15px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tk-h-name small{font-size:12px;color:var(--ink-muted);font-weight:500;flex-shrink:0}.tk-h-meta{font-size:12px;color:var(--ink-muted);margin-top:1px}.tk-steps{display:flex;gap:3px;margin:8px 0 6px}.tk-steps span{flex:1;height:4px;border-radius:999px;background:#eceef5;max-width:34px}.tk-steps .done{background:var(--emerald)}.tk-steps .run{background:var(--gold-light)}.tk-h-status{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600}.tk-h-status.done,.tk-h-status.last{color:var(--emerald)}.tk-h-status.run{color:var(--gold-ink)}.tk-h-status.pending{color:var(--ink-muted)}.tk-h-status .t{margin-left:auto;font-weight:500;color:var(--ink-muted)}.tk-h-go{color:var(--ink-muted);font-size:18px;flex-shrink:0;transition:color .2s,transform .2s}.tk-h:hover .tk-h-go{color:var(--emerald);transform:translate(2px)}.tk-more{display:flex;justify-content:center;margin-top:16px}.tk-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 18px;border-radius:var(--r-ctl);border:1px solid var(--border);background:var(--card);font-size:13px;font-weight:600;color:var(--ink);cursor:pointer;transition:border-color .2s,color .2s}.tk-btn:hover{border-color:var(--emerald);color:var(--emerald)}.tk-btn.primary{background:var(--emerald);border-color:var(--emerald);color:#fff}.tk-btn.primary:hover{background:var(--emerald-dark);color:#fff}.tk-empty{text-align:center;padding:40px 20px;background:var(--card);border:1px dashed var(--border);border-radius:var(--r-card)}.tk-empty i{font-size:32px;color:var(--ink-muted)}.tk-empty h3{margin:10px 0 4px;font-size:15px;color:var(--ink)}.tk-empty p{margin:0 0 14px;font-size:13px;color:var(--ink-muted)}.tk-dist-body{padding:14px 18px 18px}.tk-dist-big{font-size:30px;font-weight:800;color:var(--ink);line-height:1;letter-spacing:-.02em}.tk-dist-big small{font-size:14px;font-weight:600;color:var(--ink-muted);letter-spacing:0}.tk-bar{height:8px;border-radius:999px;background:#eceef5;overflow:hidden;margin:12px 0 16px}.tk-bar span{display:block;height:100%;background:var(--emerald);border-radius:999px;transition:width .5s ease}.tk-kg{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tk-kg div{padding:12px;border-radius:var(--r-inner);background:var(--surface)}.tk-kg .v{font-size:20px;font-weight:800;color:var(--emerald-dark);line-height:1.1}.tk-kg .v small{font-size:12px;font-weight:700;color:var(--emerald);margin-left:2px}.tk-kg .l{font-size:12px;color:var(--ink-muted);margin-top:2px}.tk-why{margin-top:8px;font-size:12px;color:var(--ink-muted)}.tk-why summary{cursor:pointer;display:inline-flex;align-items:center;gap:5px;min-height:32px;font-weight:600;list-style:none}.tk-why summary::-webkit-details-marker{display:none}.tk-why summary:hover{color:var(--emerald)}.tk-why p{margin:0 0 4px;line-height:1.55}.tk-rows{margin-top:14px;padding-top:14px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:12px}.tk-row-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:13px;margin-bottom:6px}.tk-row-top .n{color:var(--ink-soft);font-weight:600}.tk-row-top .c{font-weight:700;color:var(--ink)}.tk-row-top .c small{font-weight:500;color:var(--ink-muted);font-size:12px}.tk-row .hint{font-size:11px;color:var(--ink-muted);margin-top:-2px}.tk-dist-foot{margin-top:14px;font-size:11px;color:var(--ink-muted);display:flex;align-items:center;gap:4px}.tk-glob{list-style:none;margin:0;padding:10px 18px 16px}.tk-glob li{display:flex;align-items:center;gap:12px;padding:9px 0}.tk-glob li+li{border-top:1px solid var(--border)}.tk-glob .ico{width:32px;height:32px;border-radius:9px;background:var(--surface);display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.tk-glob .main{flex:1;min-width:0}.tk-glob .n{font-size:13px;font-weight:600;color:var(--ink)}.tk-glob .w{font-size:12px;color:var(--ink-muted)}.tk-chip{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 9px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.tk-chip.done{background:var(--emerald-muted);color:var(--emerald)}.tk-chip.run{background:var(--gold-muted);color:var(--gold-ink)}.tk-chip.pending{background:#f1f2f7;color:var(--ink-muted)}.tk-foot{padding:40px 0 24px;text-align:center;font-size:12px;color:var(--ink-muted)}.tk-foot a{color:var(--emerald);font-weight:600;text-decoration:none}.tk-spin{animation:tk-spin .9s linear infinite}.tk-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#1a1a2e8c;display:flex;align-items:flex-end;justify-content:center;padding:0}@media(min-width:640px){.tk-overlay{align-items:center;padding:24px}}.tk-modal{width:100%;max-width:480px;max-height:88dvh;overflow:auto;background:var(--card);border-radius:20px 20px 0 0;padding:24px 20px 20px;position:relative}@media(min-width:640px){.tk-modal{border-radius:20px;padding:28px 24px 22px}}.tk-modal-x{position:absolute;top:12px;right:12px}.tk-basmalah{font-family:Amiri,serif;font-size:22px;color:var(--emerald);text-align:center;line-height:1.6}.tk-modal h2{margin:6px 0 4px;font-size:19px;font-weight:800;color:var(--ink);text-align:center;letter-spacing:-.01em}.tk-modal .sub{margin:0 0 18px;font-size:13px;color:var(--ink-muted);text-align:center}.tk-sbh{display:flex;flex-direction:column;gap:8px}.tk-sbh-card{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--r-inner);background:var(--surface);border:1px solid var(--border)}.tk-sbh-card .n{font-size:14px;font-weight:700;color:var(--ink)}.tk-sbh-card .m{font-size:12px;color:var(--ink-muted)}.tk-sbh-card .t{margin-left:auto;font-size:12px;font-weight:600;color:var(--gold-ink);white-space:nowrap}.tk-modal .note{margin:14px 0 16px;font-size:12px;color:var(--ink-muted);text-align:center}.tk-modal .tk-btn{width:100%}.tk-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0f0f1ce0;display:flex;align-items:center;justify-content:center;padding:20px}.tk-lightbox figure{margin:0;max-width:900px;width:100%;text-align:center;position:relative}.tk-lightbox img{max-width:100%;max-height:78dvh;border-radius:var(--r-inner)}.tk-lightbox figcaption{color:#fff;font-size:14px;font-weight:600;margin-top:10px}.tk-lightbox .tk-icon-btn{position:absolute;top:-52px;right:0;background:#ffffff1f;border-color:transparent;color:#fff}.tk-blank{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}.tk-blank .ic{width:64px;height:64px;border-radius:18px;background:var(--emerald-muted);color:var(--emerald);display:flex;align-items:center;justify-content:center;font-size:30px;margin-bottom:18px}.tk-blank h1{margin:0 0 6px;font-size:20px;color:var(--ink)}.tk-blank p{margin:0;max-width:320px;font-size:14px;color:var(--ink-muted)}@keyframes tk-spin{to{transform:rotate(360deg)}}@keyframes tk-ping{0%{transform:scale(1);opacity:.6}to{transform:scale(2.6);opacity:0}}@keyframes tk-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:no-preference){.tk-live-dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--emerald-light);animation:tk-ping 1.8s ease-out infinite}.tk-rise{animation:tk-rise .45s cubic-bezier(.16,1,.3,1) both}.tk-rise.d1{animation-delay:.05s}.tk-rise.d2{animation-delay:.1s}.tk-rise.d3{animation-delay:.15s}}@media(prefers-reduced-motion:reduce){.tk-spin{animation:none}*{transition-duration:.01ms!important}}i.tk-ic{font-style:normal;line-height:1;display:inline-flex;align-items:center;justify-content:center}.tk-svg{width:1em;height:1em;display:inline-block;flex-shrink:0;fill:currentColor;vertical-align:-.125em}i.tk-ic .tk-svg{vertical-align:0}.tk-now-empty i.tk-ic{display:flex;margin:0 auto 6px}.tk-crumb{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:16px}.tk-back{display:inline-flex;align-items:center;gap:6px;min-height:40px;font-size:13px;font-weight:600;color:var(--ink-muted);text-decoration:none}.tk-back:hover{color:var(--emerald)}.tk-page-hero{padding:8px 0 20px}.tk-page-hero .tk-h1{font-size:28px}@media(min-width:900px){.tk-page-hero .tk-h1{font-size:34px}}.tk-narrow{max-width:600px;margin:0 auto}.tk-form{padding:18px;display:flex;flex-direction:column;gap:14px}.tk-label{display:block;margin-bottom:6px;font-size:13px;font-weight:600;color:var(--ink-soft)}.tk-input-lg{width:100%;height:48px;padding:0 14px;border:1px solid var(--border);border-radius:var(--r-ctl);background:var(--card);font-size:17px;font-weight:700;letter-spacing:.04em;color:var(--ink);text-transform:uppercase;outline:none;transition:border-color .2s,box-shadow .2s}.tk-input-lg::placeholder{color:var(--ink-muted);font-weight:500;letter-spacing:0;text-transform:none}.tk-input-lg:focus{border-color:var(--emerald);box-shadow:0 0 0 3px #0d6e4f1f}.tk-input-lg.has-error{border-color:#dc2626}.tk-input-lg.has-error:focus{box-shadow:0 0 0 3px #dc26261f}.tk-help{margin:6px 0 0;font-size:12px;color:var(--ink-muted)}.tk-err{margin:6px 0 0;font-size:12px;font-weight:600;color:#dc2626;display:flex;gap:6px;align-items:flex-start}.tk-btn.block{width:100%;height:46px;font-size:14px}.tk-btn:disabled{opacity:.55;cursor:default}.tk-btn-spin{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;animation:tk-spin .8s linear infinite}.tk-who{display:flex;align-items:center;gap:12px;padding:14px 16px}.tk-who-ic{width:40px;height:40px;border-radius:50%;background:var(--emerald-muted);color:var(--emerald);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;flex-shrink:0}.tk-who-main{flex:1;min-width:0}.tk-who-name{font-size:15px;font-weight:700;color:var(--ink)}.tk-who-meta{font-size:12px;color:var(--ink-muted)}.tk-note{padding:12px 14px;border-radius:var(--r-inner);background:var(--gold-muted);border:1px solid #f1d9a6}.tk-note+.tk-note{margin-top:8px}.tk-note-h{font-size:12px;font-weight:700;color:var(--gold-ink);margin-bottom:2px}.tk-note p{margin:0;font-size:13px;color:var(--ink-soft);line-height:1.55}.tk-list{list-style:none;margin:0;padding:4px 18px 8px}.tk-li{display:flex;align-items:flex-start;gap:12px;padding:12px 0}.tk-li+.tk-li{border-top:1px solid var(--border)}.tk-li-ic{width:36px;height:36px;border-radius:10px;background:var(--surface);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.tk-li-main{flex:1;min-width:0}.tk-li-t{font-size:14px;font-weight:700;color:var(--ink);word-break:break-word}.tk-li-m{font-size:12px;color:var(--ink-muted);margin-top:1px}.tk-li-v{font-size:14px;font-weight:800;color:var(--emerald-dark);white-space:nowrap;flex-shrink:0}.tk-privacy{margin:18px auto 0;max-width:440px;font-size:12px;line-height:1.5;color:var(--ink-muted);text-align:center}.tk-privacy i.tk-ic{display:inline;margin-right:4px}.tk-skel{display:block;height:12px;border-radius:6px;background:linear-gradient(90deg,#eceef5 25%,#f5f6fa 37%,#eceef5 63%);background-size:400% 100%}@media(prefers-reduced-motion:no-preference){.tk-skel{animation:tk-shimmer 1.2s ease-in-out infinite}}@keyframes tk-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.hw-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px}.hw-kode{font-size:18px;font-weight:600;color:var(--ink-muted);letter-spacing:0;margin-left:6px}.hw-hero.no-foto{grid-template-columns:minmax(0,1fr)}@media(min-width:900px){.hw-hero.no-foto>:first-child{max-width:720px}}.hw-now{display:flex;align-items:center;gap:12px;margin-top:20px;padding:12px 14px;border-radius:var(--r-inner);border:1px solid var(--border);background:var(--card)}.hw-now .ic{width:40px;height:40px;border-radius:var(--r-inner);display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0;background:var(--surface)}.hw-now .t{font-size:14px;font-weight:700;color:var(--ink)}.hw-now .m{font-size:12px;color:var(--ink-muted)}.hw-now.run{background:var(--gold-muted);border-color:#f1d9a6}.hw-now.run .ic{background:#fff}.hw-now.run .m{color:var(--gold-ink);font-weight:600}.hw-now.done{background:var(--emerald-muted);border-color:#cfe6dc}.hw-now.done .ic{background:#fff}.hw-now.done .m{color:var(--emerald);font-weight:600}.hw-now .ic .tk-svg{color:var(--ink-muted)}.hw-now.done .ic .tk-svg{color:var(--emerald)}.hw-photo{display:block;width:100%;padding:0;border:1px solid var(--border);border-radius:var(--r-card);overflow:hidden;background:var(--surface);cursor:zoom-in;aspect-ratio:4 / 3;box-shadow:var(--shadow-card)}.hw-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s cubic-bezier(.16,1,.3,1)}.hw-photo:hover img{transform:scale(1.02)}.hw-photo-cap{margin:8px 2px 0;font-size:12px;color:var(--ink-muted)}.hw-tl{list-style:none;margin:0;padding:6px 18px 12px}.hw-step{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px 0}.hw-step:not(:last-child):before{content:"";position:absolute;left:16px;top:44px;bottom:-9px;width:2px;border-radius:2px;background:var(--border)}.hw-step.done:not(:last-child):before{background:var(--emerald)}.hw-dot{position:relative;z-index:1;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800}.hw-step.done .hw-dot{background:var(--emerald);color:#fff}.hw-step.run .hw-dot{background:var(--gold-muted);box-shadow:0 0 0 2px var(--gold-light)}.hw-step.pending .hw-dot{background:#f1f2f7;color:var(--ink-muted);font-size:12px}.hw-step .n{font-size:14px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.hw-step.pending .n{color:var(--ink-muted);font-weight:600}.hw-step .m{font-size:12px;color:var(--ink-muted)}.hw-step.run .m{color:var(--gold-ink);font-weight:600}.hw-umum{font-size:10px;font-weight:700;color:var(--ink-muted);background:#f1f2f7;border-radius:999px;padding:2px 7px}.hw-weight{padding:12px 18px 18px}.hw-total{display:flex;align-items:baseline;gap:6px}.hw-total b{font-size:32px;font-weight:800;color:var(--emerald-dark);letter-spacing:-.02em;line-height:1}.hw-total span{font-size:14px;font-weight:700;color:var(--emerald)}.hw-total-l{font-size:12px;color:var(--ink-muted);margin:4px 0 14px}.hw-kat+.hw-kat{margin-top:10px}.hw-kat-top{display:flex;justify-content:space-between;gap:8px;font-size:13px;margin-bottom:5px}.hw-kat-top .n{color:var(--ink-soft);font-weight:600}.hw-kat-top .v{color:var(--ink);font-weight:700}@media(max-width:899px){.tk-grid.hw-grid{grid-template-areas:"hewan" "aside";padding-top:24px}}.hw-names{list-style:none;margin:0;padding:12px 18px 18px;display:flex;flex-wrap:wrap;gap:8px}.hw-names li{font-size:13px;font-weight:600;color:var(--ink-soft);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:6px 12px}.wg-sum{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;padding:16px 18px;border-bottom:1px solid var(--border)}.wg-sum b{display:block;font-size:32px;font-weight:800;color:var(--emerald-dark);line-height:1;letter-spacing:-.02em}.wg-sum b small{font-size:14px;font-weight:700;color:var(--emerald);letter-spacing:0;margin-left:3px}.wg-sum .l{font-size:12px;color:var(--ink-muted);margin-top:4px}.wg-sum .c{font-size:12px;font-weight:600;color:var(--ink-muted);text-align:right}.tb-saldo{padding:16px 18px 18px}.tb-saldo-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.tb-saldo-l{font-size:12px;font-weight:600;color:var(--ink-muted)}.tb-saldo-v{font-size:32px;font-weight:800;color:var(--emerald-dark);letter-spacing:-.02em;line-height:1.1;margin-top:2px}.tb-pct{display:flex;justify-content:space-between;align-items:baseline;margin-top:16px;font-size:13px}.tb-pct span{color:var(--ink-muted);font-weight:600}.tb-pct b{color:var(--emerald);font-weight:800}.tb-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px}@media(max-width:479px){.tb-facts{grid-template-columns:1fr 1fr}.tb-facts>:last-child{grid-column:1 / -1}}.tb-fact{padding:10px 12px;border-radius:var(--r-inner);background:var(--surface);min-width:0}.tb-fact .l{font-size:11px;font-weight:600;color:var(--ink-muted)}.tb-fact .v{font-size:14px;font-weight:800;color:var(--ink);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tb-fact .v.ok{color:var(--emerald)}.tb-fact .v.due{color:var(--gold-ink)}.tk-chip.red{background:#fef2f2;color:#dc2626}.tb-more{display:flex;justify-content:center;padding:0 18px 16px}.kp-wrap{max-width:760px;margin:0 auto}.kp-months{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -16px 16px;padding:2px 16px 4px;scroll-padding:0 16px}.kp-months::-webkit-scrollbar{display:none}@media(min-width:792px){.kp-months{margin:0 0 16px;padding:2px 0 4px}}.kp-m{flex:0 0 auto;height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--border);background:var(--card);font-size:13px;font-weight:600;color:var(--ink-soft);cursor:pointer;white-space:nowrap;transition:border-color .15s,background .15s,color .15s}.kp-m:hover{border-color:var(--emerald);color:var(--emerald)}.kp-m[aria-pressed=true]{background:var(--emerald);border-color:var(--emerald);color:#fff}.kp-sum{padding:16px 18px 18px}.kp-sum-l{font-size:12px;font-weight:600;color:var(--ink-muted)}.kp-sum-v{font-size:32px;font-weight:800;color:var(--emerald-dark);letter-spacing:-.02em;line-height:1.1;margin-top:2px}.kp-sum-v.neg{color:#dc2626}.kp-sum-h{font-size:12px;color:var(--ink-muted);margin-top:2px}.kp-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px}@media(max-width:519px){.kp-facts{grid-template-columns:1fr 1fr}.kp-facts>:first-child{grid-column:1 / -1}}.kp-fact{padding:10px 12px;border-radius:var(--r-inner);background:var(--surface);min-width:0}.kp-fact .l{font-size:11px;font-weight:600;color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kp-fact .v{font-size:14px;font-weight:800;color:var(--ink);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kp-in{color:var(--emerald)!important}.kp-out{color:#dc2626!important}.kp-sync{display:flex;align-items:center;gap:6px;margin:12px 0 0;font-size:12px;color:var(--ink-muted)}.kp-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:14px 18px 0}.kp-day{margin:0;padding:14px 0 4px;font-size:12px;font-weight:700;color:var(--ink-muted)}.kp-day:first-child{padding-top:8px}.kp-ic-in{background:var(--emerald-muted)!important;color:var(--emerald);font-weight:800}.kp-ic-out{background:#fef2f2!important;color:#dc2626;font-weight:800}.kp-auto{font-size:10px;font-weight:700;color:var(--gold-ink);background:var(--gold-muted);border-radius:999px;padding:2px 7px;margin-left:4px}.kp-err{padding:24px 18px;text-align:center;font-size:13px;color:var(--ink-muted)}.kp-err p{margin:0 0 12px}.tv{--tv-bg: #062a20;--tv-panel: #0b3a2d;--tv-panel-2: #0f4535;--tv-line: rgba(255, 255, 255, .09);--tv-ink: #f3f7f5;--tv-muted: rgba(243, 247, 245, .66);--tv-done: #3fd199;--tv-run: #f2c35b;--tv-track: rgba(255, 255, 255, .12);--tv-run-bg: rgba(242, 195, 91, .12);--tv-edge: transparent;--tv-shadow: none;--tv-run-edge: var(--tv-run);--tv-run-bar: var(--tv-run);--tv-run-card: var(--tv-panel-2);--tv-done-card: .82;--tv-banner-edge: rgba(242, 195, 91, .45);font-size:clamp(14px,.92vw,26px);background:var(--tv-bg);color:var(--tv-ink);min-height:100dvh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.tv[data-theme=light]{--tv-bg: var(--surface);--tv-panel: #ffffff;--tv-panel-2: #f1f3f8;--tv-line: var(--border);--tv-ink: var(--ink);--tv-muted: var(--ink-muted);--tv-done: var(--emerald);--tv-run: var(--gold-ink);--tv-track: #e3e6ef;--tv-run-bg: var(--gold-muted);--tv-edge: var(--border);--tv-shadow: 0 1px 2px rgba(26, 26, 46, .04), 0 4px 14px rgba(13, 110, 79, .06);--tv-run-edge: var(--gold-light);--tv-run-bar: var(--gold);--tv-run-card: #fffaf0;--tv-done-card: 1;--tv-banner-edge: #f1d9a6}.tv.idle{cursor:none}.tv-head{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:2em;padding:1.1em 2em .9em}.tv-brand{display:flex;align-items:center;gap:.9em;min-width:0;color:inherit;text-decoration:none;border-radius:.8em;transition:opacity .15s}.tv-brand:hover{opacity:.85}.tv-brand:focus-visible{outline:2px solid var(--tv-run-bar);outline-offset:.3em}.tv-brand img{width:3.2em;height:3.2em;border-radius:.8em;background:#ffffff1a;flex-shrink:0}.tv-title{margin:0;font-size:1.9em;font-weight:800;letter-spacing:-.02em;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tv-sub{font-size:1em;color:var(--tv-muted);margin:.15em 0 0}@media(max-width:639px){.tv-brand-text{display:none}}.tv-clock{text-align:right}.tv-clock b{display:block;font-size:2.8em;font-weight:800;letter-spacing:-.03em;line-height:1}.tv-live{display:inline-flex;align-items:center;gap:.45em;margin-top:.35em;font-size:.95em;font-weight:700;color:var(--tv-done)}.tv-live.off{color:var(--tv-muted)}.tv-live .tk-live-dot{width:.55em;height:.55em;background:var(--tv-done)}.tv-qr{display:flex;align-items:center;gap:.8em;padding:.5em .8em .5em .5em;border-radius:.9em;background:var(--tv-panel);border:1px solid var(--tv-edge);box-shadow:var(--tv-shadow);font:inherit;color:inherit;text-align:left;cursor:pointer;transition:box-shadow .15s,transform .1s}.tv-qr:hover{box-shadow:var(--tv-shadow),0 0 0 2px var(--tv-run-bar)}.tv-qr:active{transform:scale(.98)}.tv-qr:focus-visible{outline:2px solid var(--tv-run-bar);outline-offset:2px}.tv-qr-box{width:5.4em;height:5.4em;padding:.3em;border-radius:.5em;background:#fff;flex-shrink:0}.tv-qr-box img,.tv-qr-box canvas,.tv-qr-box table{width:100%!important;height:100%!important;display:block}.tv-qr-t{font-size:.95em;font-weight:700;line-height:1.3}.tv-qr-t span{display:block;font-weight:500;color:var(--tv-muted);font-size:.9em}.tv-qr-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#06140fc7;display:flex;align-items:center;justify-content:center;padding:1.5em}.tv-qr-modal-card{position:relative;width:100%;max-width:32em;padding:2em 1.6em 1.8em;border-radius:1.4em;background:#fff;text-align:center;box-shadow:0 1.5em 4em #00000059}.tv-qr-modal-x{position:absolute;top:.9em;right:.9em;width:2.4em;height:2.4em;min-height:0;border-radius:50%;border:0;background:var(--surface);color:var(--ink-soft);display:inline-flex;align-items:center;justify-content:center;font-size:1em;cursor:pointer;transition:background .15s}.tv-qr-modal-x:hover{background:var(--border)}.tv-qr-modal-x .tk-svg{width:1.2em;height:1.2em}.tv-qr-modal-box{width:min(70vmin,22em);height:min(70vmin,22em);margin:0 auto}.tv-qr-modal-box img,.tv-qr-modal-box canvas,.tv-qr-modal-box table{width:100%!important;height:100%!important;display:block}.tv-qr-modal-t{margin:1.1em 0 0;font-size:1.2em;font-weight:800;color:var(--ink)}.tv-qr-modal-s{margin:.3em 0 0;font-size:.95em;color:var(--ink-muted)}.tv-kpis{display:grid;grid-template-columns:1.4fr repeat(4,minmax(0,1fr));gap:1em;padding:0 2em 1em}.tv-kpi{padding:1em 1.2em;border-radius:1em;background:var(--tv-panel);border:1px solid var(--tv-edge);box-shadow:var(--tv-shadow);min-width:0}.tv-kpi .l{font-size:.95em;font-weight:600;color:var(--tv-muted)}.tv-kpi .v{font-size:2.5em;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-top:.1em;white-space:nowrap}.tv-kpi .v small{font-size:.45em;font-weight:700;color:var(--tv-muted);margin-left:.25em;letter-spacing:0}.tv-kpi .h{font-size:.9em;color:var(--tv-muted);margin-top:.2em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tv-kpi .pc{color:var(--tv-done)}.tv-seg{display:flex;gap:3px;height:.6em;margin-top:.6em;border-radius:999px;overflow:hidden;background:var(--tv-track)}.tv-seg span{height:100%;transition:width .6s ease}.tv-banner{display:flex;align-items:center;gap:1em;margin:0 2em 1em;padding:.8em 1.2em;border-radius:1em;background:var(--tv-run-bg);border:1px solid var(--tv-banner-edge)}.tv-banner .ar{font-family:Amiri,serif;font-size:1.5em;color:var(--tv-run);white-space:nowrap}.tv-banner .t{font-size:1.25em;font-weight:700}.tv-banner .t b{color:var(--tv-run)}.tv-vp{position:relative;flex:1;min-height:0;overflow-y:auto;padding:0 2em;scrollbar-width:thin}.tv-vp.auto{overflow:hidden}.tv-vp.auto:before,.tv-vp.auto:after{content:"";position:absolute;left:0;right:0;height:2.2em;z-index:2;pointer-events:none}.tv-vp.auto:before{top:0;background:linear-gradient(var(--tv-bg),transparent)}.tv-vp.auto:after{bottom:0;background:linear-gradient(transparent,var(--tv-bg))}.tv-track{will-change:transform}.tv-copy{padding-bottom:1.6em}.tv-group{display:flex;align-items:baseline;gap:.6em;margin:0 0 .7em;font-size:1.3em;font-weight:800}.tv-group span{font-size:.75em;font-weight:600;color:var(--tv-muted)}.tv-group:not(:first-child){margin-top:1.2em}.tv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15.5em,1fr));gap:.8em}.tv-card{padding:.9em 1em;border-radius:1em;background:var(--tv-panel);border:2px solid var(--tv-edge);box-shadow:var(--tv-shadow);min-width:0}.tv-card.run{border-color:var(--tv-run-edge);background:var(--tv-run-card)}.tv[data-theme=light] .tv-card:not(.run){border-width:1px;padding:calc(.9em + 1px) calc(1em + 1px)}.tv[data-theme=light] .tv-card.done{background:#fbfcfd}.tv[data-theme=light] .tv-brand img{background:var(--emerald-muted)}.tv[data-theme=light] .tv-vp.auto:before{background:linear-gradient(var(--tv-bg),rgba(247,248,252,0))}.tv[data-theme=light] .tv-vp.auto:after{background:linear-gradient(rgba(247,248,252,0),var(--tv-bg))}.tv-card.done{opacity:var(--tv-done-card)}.tv-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.6em}.tv-kode{font-size:1.7em;font-weight:800;letter-spacing:-.02em;line-height:1.1}.tv-nama{font-size:.95em;color:var(--tv-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tv-kg{text-align:right;flex-shrink:0}.tv-kg b{display:block;font-size:1.6em;font-weight:800;line-height:1.1}.tv-kg span{font-size:.8em;color:var(--tv-muted);font-weight:600}.tv-kg.none b{font-size:1.1em;color:var(--tv-muted);font-weight:600}.tv-steps{display:flex;gap:3px;margin:.75em 0 .6em}.tv-steps span{flex:1;height:.42em;border-radius:999px;background:var(--tv-track)}.tv-steps .done{background:var(--tv-done)}.tv-steps .run{background:var(--tv-run-bar)}.tv-st{display:flex;align-items:center;gap:.45em;font-size:1.05em;font-weight:700}.tv-st.run{color:var(--tv-run)}.tv-st.done,.tv-st.last{color:var(--tv-done)}.tv-st.pending{color:var(--tv-muted);font-weight:600}.tv-st .tx{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tv-st .tm{margin-left:auto;white-space:nowrap;font-size:.85em;font-weight:600;color:var(--tv-muted)}.tv-ctl{position:fixed;right:1.2em;bottom:1.2em;z-index:10;display:flex;align-items:center;gap:.5em;padding:.45em;border-radius:999px;background:#062a20eb;border:1px solid rgba(255,255,255,.14);box-shadow:0 .8em 2.4em #00000059;font-size:max(13px,.8em);transition:opacity .4s,transform .4s}.tv[data-theme=light] .tv-ctl{background:#1a1a2ee6}.tv.idle .tv-ctl{opacity:0;transform:translateY(.6em);pointer-events:none}.tv-ctl button{display:inline-flex;align-items:center;gap:.45em;height:2.9em;min-height:40px;padding:0 1.1em;border:0;border-radius:999px;background:#ffffff1a;color:#fff;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .2s}.tv-ctl button:hover{background:#fff3}.tv-ctl button.on{background:#15a572}.tv-ctl button:disabled{opacity:.45;cursor:default}.tv-ctl .sp{display:flex;gap:2px;padding:2px;border-radius:999px;background:#ffffff14}.tv-ctl .sp button{height:2.5em;min-height:36px;padding:0 .9em;background:transparent;font-weight:600}.tv-ctl .sp button[aria-pressed=true]{background:#fff3}.tv-ctl a{color:#fff;text-decoration:none}@media(max-width:1100px){.tv{font-size:13px;height:auto;overflow:visible}.tv-head{grid-template-columns:minmax(0,1fr) auto;padding:16px}.tv-qr{display:none}.tv-kpis{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));padding:0 16px 12px}.tv-kpis>:first-child{grid-column:1 / -1}.tv-banner{margin:0 16px 12px;flex-wrap:wrap}.tv-vp{padding:0 16px 120px;overflow:visible}.tv-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.tv-ctl{left:16px;right:16px;bottom:max(1.2em,env(safe-area-inset-bottom,0px) + .8em);justify-content:center;flex-wrap:wrap;row-gap:.4em}.tv-ctl button{font-size:.95em;padding:0 .9em}}@media(max-width:480px){.tv-ctl{flex-wrap:nowrap}.tv-ctl>button{padding:0 .75em}.tv-ctl>button>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}@media(prefers-reduced-motion:reduce){.tv-seg span{transition:none}}