.tpn{position:relative;margin:0;display:flex;flex-direction:column;container:tpn/inline-size;background:var(--app-bg);border:1px solid rgba(255,255,255,.12);border-radius:var(--r-lg);overflow:hidden;font-family:var(--f-body);box-shadow:0 0 0 1px rgba(0,0,0,.6),0 50px 90px -40px rgba(0,0,0,.95),0 0 80px -20px rgba(var(--glow),.25)}.tpn::before{content:"";position:absolute;inset:0 0 auto;height:1px;z-index:2;pointer-events:none;background:linear-gradient(90deg,transparent 4%,rgba(255,255,255,.3) 35%,rgba(var(--glow),.7) 70%,transparent 96%)}.tpn-bar{display:flex;align-items:center;justify-content:space-between;height:44px;padding:0 6px 0 16px;border-bottom:1px solid var(--app-line);background:rgba(255,255,255,.015)}.tpn-dots{width:9px;height:9px;border-radius:50%;background:#2b2e36;box-shadow:15px 0 0#2b2e36,30px 0 0#2b2e36}.tpn-in{--pill:140px;--tfs:11px;display:flex;flex:1;flex-direction:column}.tpn-head{display:flex;align-items:center;gap:10px;padding:14px 14px 13px 16px;color:#fff}.tpn-group{padding:7px 11px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);font:600 13.5px/1 var(--f-body)}.tpn-title{font:700 19px/1 var(--f-body);letter-spacing:-.01em}.tpn-count{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--app-red);font:700 12px/1 var(--f-body)}.tpn-filter{display:none;align-items:center;gap:10px;height:34px;margin-left:auto;padding:0 5px 0 14px;border:1px solid var(--app-line);border-radius:999px;font:500 13px/1 var(--f-body);color:var(--app-muted)}.tpn-filter kbd{padding:5px 7px;border:1px solid var(--app-line);border-radius:999px;font:600 10px/1 var(--f-mono);color:var(--app-ink-2)}.tpn-cols{display:none;align-items:center;height:34px;padding:0 14px 0 16px;column-gap:14px;border-top:1px solid var(--app-line);background:rgba(255,255,255,.025);font:600 10.5px/1 var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:rgba(185,185,186,.78)}.tpn-cols>span{position:relative}.tpn-cols>span+span::before{content:"";position:absolute;left:-8px;top:-3px;bottom:-3px;width:1px;background:var(--app-line)}.tpn-cols .c-bill,.tpn-cols .c-size{display:none}.tasks{display:grid;flex:1;grid-auto-rows:minmax(54px,1fr)}.task{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) var(--pill);grid-template-areas:"site state""prod state";align-content:center;column-gap:12px;row-gap:4px;padding:9px 14px 10px 16px;border-top:1px solid var(--app-line);color:var(--app-ink-2);font:500 14.5px/1.25 var(--f-body)}.task>span:not(.state):not(.bar){min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task .c-site{grid-area:site}.task .c-prod{grid-area:prod;font-size:12.5px;color:var(--app-muted)}.task .c-bill,.task .c-size{display:none}.no-size .task .c-size,.no-size .tpn-cols .c-size{display:none}.task .c-site small{margin-left:3px;font:600 10px/1 var(--f-body);letter-spacing:.04em;text-transform:uppercase;color:var(--app-muted)}.task.is-sel{background:linear-gradient(90deg,rgba(176,34,36,.22),rgba(176,34,36,.06) 60%,transparent);box-shadow:inset 3px 0 0 var(--app-red)}.task.is-sel .c-site{color:#fff}.task.is-sel .c-prod{color:rgba(255,255,255,.76)}.task.is-sel .c-site small{color:rgba(185,185,186,.72)}.task::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(18,231,142,.14),rgba(18,231,142,.05) 55%,transparent 85%);opacity:0;animation:tglow 12s linear infinite;animation-delay:var(--d,0s)}.state{grid-area:state;position:relative;width:var(--pill);height:28px}.s{position:absolute;inset:0;display:block;padding:0 10px 0 26px;border-radius:20px;background:var(--app-pill);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);font:600 var(--tfs)/28px var(--f-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;animation:12s linear infinite;animation-delay:var(--d,0s)}.s::before{content:"";position:absolute;left:10px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;border:2px solid currentColor;opacity:.85}.k-idle{color:var(--app-ink-2)}.k-queue{color:#c9ad3c;background:linear-gradient(rgba(255,185,0,.07),rgba(255,185,0,.07)),var(--app-pill)}.k-act{color:#fff}.k-ok{color:var(--app-ok);background:linear-gradient(rgba(18,231,142,.12),rgba(18,231,142,.12)),var(--app-pill);box-shadow:inset 0 0 0 1px rgba(18,231,142,.28)}.s1{animation-name:ts1}.s2{animation-name:ts2}.s4{animation-name:ts4}.s5{animation-name:ts5,tpulse}.s5::before{border:0;border-radius:0;width:11px;height:11px;margin-top:-5.5px;opacity:1;background:currentColor;-webkit-mask:var(--ic-check) center/contain no-repeat;mask:var(--ic-check) center/contain no-repeat;animation:tpop 12s linear infinite;animation-delay:var(--d,0s)}.bar{position:absolute;left:16px;right:14px;bottom:0;height:2px;border-radius:2px;overflow:hidden;background:rgba(255,255,255,.04)}.bar::before,.bar::after{content:"";position:absolute;inset:0;transform-origin:left}.bar::before{background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(255,255,255,.45));transform:scaleX(.04);animation:tbar 12s linear infinite;animation-delay:var(--d,0s)}.bar::after{background:var(--app-ok);opacity:0;animation:tbarok 12s linear infinite;animation-delay:var(--d,0s)}.t1{--d:-16.2s}.t2{--d:-14.2s}.t3{--d:-12.2s}.t4{--d:-10.2s}.t5{--d:-8.2s}.t6{--d:-6.2s}.tpn.resting *,.tpn.resting ::before,.tpn.resting ::after{animation-play-state:paused!important}@keyframes ts1{0%,29.4%{opacity:1}30.4%,91.6%{opacity:0}92.6%,to{opacity:1}}@keyframes ts2{0%,29.4%{opacity:0}30.4%,49.4%{opacity:1}50.4%,to{opacity:0}}@keyframes ts4{0%,49.4%{opacity:0}50.4%,61.6%{opacity:1}62.6%,to{opacity:0}}@keyframes ts5{0%,61.6%{opacity:0}62.6%,91.6%{opacity:1}92.6%,to{opacity:0}}@keyframes tpulse{0%,62.6%{transform:scale(1)}64.2%{transform:scale(1.06)}66.6%,to{transform:scale(1)}}@keyframes tpop{0%,62%{transform:scale(.2)}64.4%{transform:scale(1.3)}66.6%,to{transform:scale(1)}}@keyframes tglow{0%,62%{opacity:0}64.6%{opacity:1}80%,to{opacity:0}}@keyframes tbar{0%{transform:scaleX(.04)}30%{transform:scaleX(.22)}50%{transform:scaleX(.5)}62%,92%{transform:scaleX(1)}93%,to{transform:scaleX(.04)}}@keyframes tbarok{0%,61.8%{opacity:0}62.8%,91.6%{opacity:1}92.6%,to{opacity:0}}@container tpn (max-width:339px){.tpn-in{--pill:128px;--tfs:10.5px}.task .c-site small{display:none}.task{padding-inline:12px 10px;column-gap:10px}.s{padding-left:24px}.s::before{left:9px}}@container tpn (min-width:440px){.tpn-in{--pill:150px;--tfs:11.5px}.task{grid-template-columns:minmax(0,1fr) 40px var(--pill);grid-template-areas:"site size state""prod size state"}.task .c-size{display:block;grid-area:size;text-align:center}.no-size .task{grid-template-columns:minmax(0,1fr) var(--pill);grid-template-areas:"site state""prod state"}}@container tpn (min-width:600px){.tpn-in{--pill:160px;--tfs:12px}.tpn-head{padding-block:16px 15px}.tpn-filter,.tpn-cols{display:flex}.tpn-cols,.task{display:grid;grid-template-columns:152px minmax(0,1fr) 40px var(--pill);grid-template-areas:"site prod size state"}.tpn-cols .c-size{display:block}.no-size :is(.tpn-cols,.task){grid-template-columns:196px minmax(0,1fr) var(--pill);grid-template-areas:"site prod state"}.no-size .tpn-in{--pill:150px;--tfs:11.5px}.no-size .task,.no-size .task .c-prod{font-size:14px}.tpn-cols>span{grid-area:auto}.task .c-prod{font-size:14.5px;color:var(--app-ink-2)}.task.is-sel .c-prod{color:#fff}.task .c-size{text-align:left}}@container tpn (min-width:720px){.tpn-in{--pill:172px;--tfs:12.5px}.tpn-cols,.task{grid-template-columns:152px minmax(0,1fr) 92px 40px var(--pill);grid-template-areas:"site prod bill size state"}.no-size :is(.tpn-cols,.task){grid-template-columns:200px minmax(0,1fr) var(--pill);grid-template-areas:"site prod state"}.tpn-cols .c-bill{display:block}.task .c-bill{display:block;grid-area:bill}.no-size :is(.tpn-cols,.task) .c-bill{display:none}.no-size .tpn-in{--pill:172px;--tfs:12.5px}.task{font-size:15px}}@media print{.tpn *,.tpn ::before,.tpn ::after{animation:none!important}}@media print,(prefers-reduced-motion:reduce){.tpn .tpn-pause{display:none}.tpn .t1 .s5,.tpn .t2 .s4,.tpn .t3 .s2,.tpn :is(.t4,.t5,.t6) .s1{opacity:1}.tpn .t1 .bar::before{transform:none}.tpn .t1 .bar::after{opacity:1}.tpn .t2 .bar::before{transform:scaleX(.5)}.tpn .t3 .bar::before{transform:scaleX(.22)}}