*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#f1f1f4}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,Cascadia Code,SF Mono,Consolas,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#b5b5c3}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1140px){.container{max-width:1140px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-4{inset:1rem}.inset-\[38px\]{inset:38px}.-right-4{right:-1rem}.bottom-0{bottom:0}.left-0{left:0}.left-2\.5{left:.625rem}.right-0{right:0}.top-0{top:0}.top-1\/2{top:50%}.top-6{top:1.5rem}.top-\[calc\(100\%\+8px\)\]{top:calc(100% + 8px)}.top-full{top:100%}.-z-10{z-index:-10}.z-10{z-index:10}.z-50{z-index:50}.z-\[2000\]{z-index:2000}.z-\[2001\]{z-index:2001}.z-\[200\]{z-index:200}.z-\[2100\]{z-index:2100}.z-\[300\]{z-index:300}.z-\[60\]{z-index:60}.z-\[9999\]{z-index:9999}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.-mx-6{margin-left:-1.5rem;margin-right:-1.5rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-auto{margin-left:auto;margin-right:auto}.-mb-6{margin-bottom:-1.5rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-video{aspect-ratio:16 / 9}.size-\[1\.875rem\]{width:1.875rem;height:1.875rem}.h-1{height:.25rem}.h-10{height:2.5rem}.h-14{height:3.5rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-24{height:6rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-56{height:14rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[100px\]{height:100px}.h-\[18px\]{height:18px}.h-\[70px\]{height:70px}.h-\[72px\]{height:72px}.h-\[90vh\]{height:90vh}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-\[110px\]{max-height:110px}.max-h-\[220px\]{max-height:220px}.max-h-\[240px\]{max-height:240px}.max-h-\[300px\]{max-height:300px}.max-h-\[75vh\]{max-height:75vh}.max-h-\[calc\(100vh-200px\)\]{max-height:calc(100vh - 200px)}.min-h-0{min-height:0px}.min-h-screen{min-height:100vh}.w-1\/2{width:50%}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2\.5{width:.625rem}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-32{width:8rem}.w-4{width:1rem}.w-44{width:11rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-56{width:14rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[160px\]{width:160px}.w-\[18px\]{width:18px}.w-\[220px\]{width:220px}.w-\[280px\]{width:280px}.w-\[300px\]{width:300px}.w-\[380px\]{width:380px}.w-\[72px\]{width:72px}.w-\[92vw\]{width:92vw}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-\[120px\]{min-width:120px}.min-w-\[130px\]{min-width:130px}.min-w-\[140px\]{min-width:140px}.min-w-\[150px\]{min-width:150px}.min-w-\[180px\]{min-width:180px}.min-w-\[200px\]{min-width:200px}.min-w-\[220px\]{min-width:220px}.min-w-\[240px\]{min-width:240px}.min-w-\[250px\]{min-width:250px}.min-w-\[260px\]{min-width:260px}.min-w-\[300px\]{min-width:300px}.max-w-\[120px\]{max-width:120px}.max-w-\[1400px\]{max-width:1400px}.max-w-\[140px\]{max-width:140px}.max-w-\[150px\]{max-width:150px}.max-w-\[160px\]{max-width:160px}.max-w-\[180px\]{max-width:180px}.max-w-\[200px\]{max-width:200px}.max-w-\[250px\]{max-width:250px}.max-w-\[300px\]{max-width:300px}.max-w-\[320px\]{max-width:320px}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.border-separate{border-collapse:separate}.border-spacing-0{--tw-border-spacing-x: 0px;--tw-border-spacing-y: 0px;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-90{--tw-scale-x: .9;--tw-scale-y: .9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.resize{resize:both}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-\[repeat\(auto-fill\,_minmax\(135px\,_1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(135px,1fr))}.grid-cols-\[repeat\(auto-fill\,_minmax\(54px\,_1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(54px,1fr))}.grid-cols-\[repeat\(auto-fill\,_minmax\(64px\,_1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}.grid-cols-\[repeat\(auto-fill\,_minmax\(96px\,_1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0px}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:24px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:16px}.rounded-md{border-radius:12px}.rounded-sm{border-radius:8px}.rounded-xl{border-radius:20px}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-b-4{border-bottom-width:4px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-t-4{border-top-width:4px}.border-default{border-color:var(--border)}.border-default-focus{border-color:var(--border-focus)}.border-default-subtle{border-color:var(--border-subtle)}.border-indigo-500{--tw-border-opacity: 1;border-color:rgb(99 102 241 / var(--tw-border-opacity, 1))}.border-info-medium{border-color:var(--color-info-medium)}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-black\/50{background-color:#00000080}.bg-black\/85{background-color:#000000d9}.bg-glass{background-color:var(--glass)}.bg-glass-subtle{background-color:var(--glass-subtle)}.bg-indigo-50{--tw-bg-opacity: 1;background-color:rgb(238 242 255 / var(--tw-bg-opacity, 1))}.bg-indigo-500{--tw-bg-opacity: 1;background-color:rgb(99 102 241 / var(--tw-bg-opacity, 1))}.bg-indigo-500\/15{background-color:#6366f126}.bg-info-medium{background-color:var(--color-info-medium)}.bg-nav-active-bg{background-color:var(--nav-active-bg)}.bg-surface{background-color:var(--surface)}.bg-surface-deep{background-color:var(--surface-deep)}.bg-surface-elevated{background-color:var(--surface-elevated)}.bg-surface-hover{background-color:var(--surface-hover)}.bg-transparent{background-color:transparent}.bg-white\/20{background-color:#fff3}.bg-white\/25{background-color:#ffffff40}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-black\/70{--tw-gradient-from: rgb(0 0 0 / .7) var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-info{--tw-gradient-from: var(--info) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-brand{--tw-gradient-to: var(--brand) var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pl-11{padding-left:2.75rem}.pl-8{padding-left:2rem}.pr-3{padding-right:.75rem}.pt-2{padding-top:.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.text-\[20px\]{font-size:20px}.text-\[28px\]{font-size:28px}.text-base{font-size:14px;line-height:1.5}.text-lg{font-size:16px;line-height:1.5}.text-sm{font-size:12px;line-height:1.5}.text-xs{font-size:10px;line-height:1.4}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.italic{font-style:italic}.leading-none{line-height:1}.leading-tight{line-height:1.25}.tracking-\[0\.22em\]{letter-spacing:.22em}.tracking-tight{letter-spacing:-.025em}.text-danger{color:var(--danger)}.text-foreground{color:var(--foreground)}.text-foreground-muted{color:var(--foreground-muted)}.text-foreground-secondary{color:var(--foreground-secondary)}.text-foreground-tertiary{color:var(--foreground-tertiary)}.text-gray-300{--tw-text-opacity: 1;color:rgb(219 223 233 / var(--tw-text-opacity, 1))}.text-indigo-500{--tw-text-opacity: 1;color:rgb(99 102 241 / var(--tw-text-opacity, 1))}.text-indigo-600{--tw-text-opacity: 1;color:rgb(79 70 229 / var(--tw-text-opacity, 1))}.text-info-medium{color:var(--color-info-medium)}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.overline{text-decoration-line:overline}.line-through{text-decoration-line:line-through}.opacity-0{opacity:0}.opacity-30{opacity:.3}.opacity-70{opacity:.7}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 0 24px rgba(99, 102, 241, .05);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 0 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 0 40px rgba(99, 102, 241, .06);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 0 40px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-2xl{--tw-backdrop-blur: blur(40px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-\[20px\]{--tw-backdrop-blur: blur(20px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{color-scheme:dark;--surface: #0d1525;--surface-deep: #0d1525;--surface-hover: #1a2744;--page-bg: #080b14;--bg-page: var(--page-bg);--glass: rgba(255, 255, 255, .06);--glass-hover: rgba(255, 255, 255, .12);--glass-subtle: rgba(255, 255, 255, .04);--glass-dark: rgba(0, 0, 0, .25);--overlay: rgba(0, 0, 0, .5);--input-bg: rgba(20, 33, 56, .95);--nav-bg: rgba(10, 14, 26, .97);--app-header-height: 70px;--surface-table: #111c2e;--surface-frosted: rgba(13, 21, 37, .65);--surface-frosted-light: rgba(13, 21, 37, .45);--surface-inset: #0a0e18;--surface-elevated: #162236;--foreground: #f1f5f9;--foreground-secondary: rgba(241, 245, 249, .72);--foreground-muted: rgba(241, 245, 249, .6);--foreground-tertiary: rgba(241, 245, 249, .5);--foreground-disabled: rgba(241, 245, 249, .35);--border: rgba(255, 255, 255, .12);--border-subtle: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .2);--border-focus: rgba(99, 102, 241, .7);--input-border: rgba(255, 255, 255, .12);--color-success: #22c55e;--color-warning: #ffb300;--color-info: #3b82f6;--color-primary: #3b82f6;--color-brand: #8b5cf6;--color-blue-dark: #2563eb;--color-orange: #f97316;--color-danger: #ef4444;--success: #22c55e;--warning: #ffb300;--info: #3b82f6;--primary: #3b82f6;--brand: #8b5cf6;--blue-dark: #2563eb;--orange: #f97316;--danger: #ef4444;--accent: #6366f1;--accent-hover: #818cf8;--success-bg: rgba(52, 211, 153, .15);--warning-bg: rgba(251, 191, 36, .15);--danger-bg: rgba(248, 113, 113, .15);--info-bg: rgba(96, 165, 250, .18);--status-working: #22c55e;--status-working-bg: rgba(34, 197, 94, .22);--status-working-border: rgba(34, 197, 94, .45);--status-break: #f97316;--status-break-bg: rgba(249, 115, 22, .22);--status-break-border: rgba(249, 115, 22, .45);--status-idle: #facc15;--status-idle-bg: rgba(250, 204, 21, .22);--status-idle-border: rgba(250, 204, 21, .45);--status-offline: #f1f5f9;--status-offline-bg: rgba(241, 245, 249, .5);--status-offline-border: rgba(226, 232, 240, .6);--status-finished: var(--info);--status-leave: var(--color-purple);--status-productive: var(--color-success-medium);--status-productive-bg: var(--success-bg);--status-productive-border: rgba(74, 222, 128, .3);--status-non-productive: var(--color-danger-medium);--status-non-productive-bg: var(--danger-bg);--status-non-productive-border: rgba(248, 113, 113, .3);--status-neutral: var(--color-warning-light);--status-neutral-bg: var(--warning-bg);--status-neutral-border: rgba(251, 191, 36, .3);--status-no-impact: #C6AFE7;--status-no-impact-bg: rgba(198, 175, 231, .15);--status-no-impact-border: rgba(198, 175, 231, .3);--approval-original: var(--color-info-medium);--approval-original-bg: var(--info-bg);--approval-original-border: rgba(96, 165, 250, .3);--approval-modified: var(--color-warning-light);--approval-modified-bg: var(--warning-bg);--approval-modified-border: rgba(251, 191, 36, .3);--approval-approved: var(--color-success-medium);--approval-approved-bg: var(--success-bg);--approval-approved-border: rgba(74, 222, 128, .3);--approval-rejected: var(--color-danger-medium);--approval-rejected-bg: var(--danger-bg);--approval-rejected-border: rgba(248, 113, 113, .3);--color-violet: #8b5cf6;--color-info-light: #93c5fd;--color-info-medium: #60a5fa;--color-danger-light: #fca5a5;--color-danger-medium: #f87171;--color-success-light: #6ee7b7;--color-success-medium: #4ade80;--color-warning-light: #fbbf24;--color-slate-100: #e2e8f0;--color-slate-400: #94a3b8;--color-slate-500: #64748b;--color-slate-muted: #a0a8bf;--color-indigo: #6366f1;--color-indigo-100: #e0e7ff;--color-indigo-accent: #b0c4ff;--color-emerald: #10b981;--color-cyan: #22d3ee;--color-pink: #f472b6;--color-fuchsia: #e879f9;--color-violet-light: #a78bfa;--color-violet-lighter: #c4b5fd;--color-blue: #3b82f6;--color-blue-200: #bfdbfe;--color-blue-100: #dbeafe;--color-slate-50: #f8fafc;--color-green-300: #86efac;--color-purple: #a855f7;--color-yellow: #facc15;--color-yellow-300: #fde047;--tooltip-bg: #131a28;--tooltip-color: rgba(241, 245, 249, .95);--tooltip-border: rgba(255, 255, 255, .12);--popover-bg: #0d1525;--popover-color: #f1f5f9;--popover-border: rgba(255, 255, 255, .12);--scrollbar-thumb: rgba(255, 255, 255, .18);--scrollbar-thumb-hover: rgba(255, 255, 255, .28);--scrollbar-track: rgba(255, 255, 255, .04);--scroll-thumb: #1a2744;--scroll-thumb-hover: #243359;--skeleton-base: #1a2744;--skeleton-highlight: #243359;--gradient-primary: linear-gradient(135deg, #6366f1, #a855f7);--on-primary: #ffffff;--primary-active: #2563eb;--shadow-primary-box: 0 4px 14px rgba(59, 130, 246, .35);--nav-active-bg: rgba(99, 102, 241, .18);--nav-active-color: #818cf8;--nav-hover-bg: rgba(99, 102, 241, .08);--logo-accent: #22d3ee;--nav-icon-fill: rgba(153, 161, 183, .12);--header-shadow: 0 1px 0 rgba(255, 255, 255, .06);--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: ui-monospace, "Cascadia Code", "SF Mono", Consolas, monospace;--font-family-body: var(--font-sans);--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--text-xs: 10px;--text-2xs: 11px;--text-sm: 12px;--text-base: 14px;--text-md: 15px;--text-md2: 16px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 20px;--text-3xl: 24px;--text-4xl: 28px;--text-5xl: 32px;--radius-2xs: 3px;--radius-xs: 6px;--radius-sm: 8px;--radius-base: 10px;--radius-md2: 12px;--radius-md: 16px;--radius-lg2: 20px;--radius-lg: 24px;--radius-xl: 32px;--radius-pill: 9999px;--radius-round: 50%;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2)}[data-theme=light]{color-scheme:light;--surface: var(--page-bg);--surface-deep: var(--page-bg);--surface-hover: #e8ecf0;--page-bg: #f6f8fa;--bg-page: var(--page-bg);--glass: rgba(0, 0, 0, .04);--glass-hover: rgba(0, 0, 0, .08);--glass-subtle: rgba(0, 0, 0, .03);--glass-dark: rgba(0, 0, 0, .06);--overlay: rgba(0, 0, 0, .3);--input-bg: #ffffff;--nav-bg: #ffffff;--surface-table: #ffffff;--surface-frosted: rgba(255, 255, 255, .95);--surface-frosted-light: rgba(255, 255, 255, .9);--surface-inset: #f8f9fa;--surface-elevated: #ffffff;--foreground: #333333;--foreground-secondary: #6c757d;--foreground-muted: #6c757d;--foreground-tertiary: rgba(51, 51, 51, .5);--foreground-disabled: #94a3b8;--border: #e5e7eb;--border-subtle: #e8ecf0;--border-strong: #dbdfe9;--border-focus: rgba(0, 123, 255, .6);--input-border: #e5e7eb;--nav-active-bg: #e6f0ff;--nav-active-color: #4F46E5;--nav-hover-bg: rgba(79, 70, 229, .06);--logo-accent: #20c997;--nav-icon-fill: rgba(0, 0, 0, .06);--color-success: #22c55e;--color-warning: #ffb300;--color-info: #2563eb;--color-primary: #3b82f6;--color-brand: #8b5cf6;--color-blue-dark: #2563eb;--color-orange: #f97316;--color-danger: #ef4444;--success: #22c55e;--warning: #ffb300;--info: #2563eb;--primary: #3b82f6;--brand: #8b5cf6;--blue-dark: #2563eb;--orange: #f97316;--danger: #ef4444;--accent: #4F46E5;--accent-hover: #6366f1;--success-bg: rgba(34, 197, 94, .12);--warning-bg: rgba(255, 179, 0, .12);--danger-bg: rgba(239, 68, 68, .12);--info-bg: rgba(37, 99, 235, .12);--status-working: #16a34a;--status-working-bg: rgba(34, 197, 94, .2);--status-working-border: rgba(34, 197, 94, .4);--status-break: #ea580c;--status-break-bg: rgba(249, 115, 22, .2);--status-break-border: rgba(249, 115, 22, .4);--status-idle: #eab308;--status-idle-bg: rgba(250, 204, 21, .2);--status-idle-border: rgba(250, 204, 21, .4);--status-offline: #f8fafc;--status-offline-bg: rgba(248, 250, 252, .7);--status-offline-border: rgba(226, 232, 240, .8);--color-violet: #6f42c1;--color-info-light: #3395ff;--color-info-medium: #007bff;--color-danger-light: #e4606d;--color-danger-medium: #dc3545;--color-success-light: #34ce57;--color-success-medium: #28a745;--color-warning-light: #fd7e14;--color-slate-100: #333333;--color-slate-400: #6c757d;--color-slate-500: #94a3b8;--color-slate-muted: #6c757d;--color-indigo: #007bff;--color-indigo-100: #0056b3;--color-indigo-accent: #3395ff;--color-emerald: #28a745;--color-cyan: #17a2b8;--color-pink: #e83e8c;--color-fuchsia: #c026d3;--color-violet-light: #6f42c1;--color-violet-lighter: #8b5cf6;--color-blue: #007bff;--color-blue-200: #3395ff;--color-blue-100: #5da3ff;--color-slate-50: #333333;--color-green-300: #28a745;--color-purple: #6f42c1;--color-yellow: #fd7e14;--color-yellow-300: #fd7e14;--tooltip-bg: #ffffff;--tooltip-color: #333333;--tooltip-border: #e0e6eb;--popover-bg: #ffffff;--popover-color: #333333;--popover-border: #e5e7eb;--scrollbar-thumb: rgba(0, 0, 0, .18);--scrollbar-thumb-hover: rgba(0, 0, 0, .28);--scrollbar-track: transparent;--scroll-thumb: #dbdfe9;--scroll-thumb-hover: #b5b5c3;--skeleton-base: #f1f1f4;--skeleton-highlight: #e8ecf0;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06)}html,body{margin:0;font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-weight-normal);line-height:1.5;background-color:var(--page-bg);color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .2s,color .2s}*{box-sizing:border-box}html.dark body{background-color:var(--page-bg);color:var(--foreground)}html.dark table th{color:var(--foreground-muted)}html.dark table td{border-bottom-color:var(--border-subtle)}html.dark .bg-white{background-color:var(--surface)}html.dark .bg-gray-50,html.dark .bg-gray-50\/80,html.dark .bg-gray-50\/50,html.dark .bg-gray-50\/30{background-color:var(--surface-hover)}html.dark .border-gray-200,html.dark .border-gray-100{border-color:var(--border)}html.dark .text-gray-800,html.dark .text-gray-700{color:var(--foreground)}html.dark .text-gray-600{color:var(--foreground-secondary)}html.dark .text-gray-500{color:var(--foreground-muted)}.status-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:var(--radius-xs);font-size:var(--text-xs);font-weight:500;border:1px solid transparent}.status-badge--working{color:var(--status-working);background:var(--status-working-bg);border-color:var(--status-working-border)}.status-badge--break{color:var(--status-break);background:var(--status-break-bg);border-color:var(--status-break-border)}.status-badge--idle{color:var(--status-idle);background:var(--status-idle-bg);border-color:var(--status-idle-border)}.status-badge--offline{background:transparent}.timeline-segment--working{background-color:var(--status-working)}.timeline-segment--idle{background-color:var(--status-idle)}.timeline-segment--break{background-color:var(--status-break)}.timeline-segment--offline{background-color:transparent}.timeline-segment--rejected{background-color:var(--danger)}.bg-light-red-100{background-color:#7acf91b3}.bg-light-red-200{background-color:#7acf9199}.bg-light-red-300{background-color:#7acf9180}.bg-light-red-400{background-color:#7acf9166}.bg-light-red-500{background-color:#7acf914d}.bg-light-red-600{background-color:#f3a7ab4d}.bg-light-red-700{background-color:#f3a7ab66}.bg-light-red-800{background-color:#f3a7ab80}.bg-light-red-900{background-color:#f3a7ab99}.bg-light-red-1000{background-color:#f3a7abb3}.bg-color10{background-color:#f9ac5b}.bg-color11{background-color:#f3d173}.bg-color12{background-color:#f894ca}.bg-color13{background-color:#9ea4fb}.bg-color14{background-color:#ca91fb}.bg-color15{background-color:#a890fb}.bg-color16{background-color:#aec6cf}.bg-color17{background-color:#adebb3}.bg-color18{background-color:#ef78af}.bg-color19{background-color:#d8b4a1}.bg-color20{background-color:#f67d8d}.bg-color21{background-color:#9ea0db}.bg-color22{background-color:#d3a3f5}.bg-color23{background-color:#88d2e4}.bg-color24{background-color:#f3a7aa}.scrollbar-custom::-webkit-scrollbar{width:5px;height:5px}.scrollbar-custom::-webkit-scrollbar-track{background:var(--scrollbar-track)}.scrollbar-custom::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:10px}.scrollbar-custom::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.animate-slide-in{animation:slideIn .25s ease-out}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.shimmer{background:linear-gradient(90deg,var(--skeleton-base) 0%,var(--skeleton-highlight) 50%,var(--skeleton-base) 100%);background-size:1200px 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:6px}@keyframes loaderSpin{to{transform:rotate(360deg)}}@keyframes loaderSpinReverse{to{transform:rotate(-360deg)}}@keyframes loaderPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes loaderBounce{0%,to{transform:translateY(0);opacity:.6}50%{transform:translateY(-4px);opacity:1}}table th{font-weight:600;letter-spacing:.01em}table td{border-bottom:1px solid var(--border)}.router-link-active{background-color:var(--nav-active-bg)!important;color:var(--nav-active-color)!important;font-weight:600!important}.sar-tooltip{position:fixed;z-index:10000;padding:8px 12px;border-radius:6px;font-size:12px;line-height:1.5;font-weight:500;max-width:280px;pointer-events:none;background:var(--tooltip-bg);color:var(--tooltip-color);border:1px solid var(--tooltip-border);box-shadow:0 4px 14px #0000002e;opacity:0;transform:translateY(2px);transition:opacity .12s ease-out,transform .12s ease-out;white-space:pre-line;--arrow-offset: 50%}.sar-tooltip.sar-tooltip--visible{opacity:1;transform:translateY(0)}.sar-tooltip:before,.sar-tooltip:after{content:"";position:absolute;width:0;height:0;border-style:solid}.sar-tooltip--bottom:before{top:-7px;left:var(--arrow-offset);transform:translate(-50%);border-width:0 7px 7px 7px;border-color:transparent transparent var(--tooltip-border) transparent}.sar-tooltip--bottom:after{top:-6px;left:var(--arrow-offset);transform:translate(-50%);border-width:0 6px 6px 6px;border-color:transparent transparent var(--tooltip-bg) transparent}.sar-tooltip--top:before{bottom:-7px;left:var(--arrow-offset);transform:translate(-50%);border-width:7px 7px 0 7px;border-color:var(--tooltip-border) transparent transparent transparent}.sar-tooltip--top:after{bottom:-6px;left:var(--arrow-offset);transform:translate(-50%);border-width:6px 6px 0 6px;border-color:var(--tooltip-bg) transparent transparent transparent}.sar-tooltip--right:before{left:-7px;top:var(--arrow-offset);transform:translateY(-50%);border-width:7px 7px 7px 0;border-color:transparent var(--tooltip-border) transparent transparent}.sar-tooltip--right:after{left:-6px;top:var(--arrow-offset);transform:translateY(-50%);border-width:6px 6px 6px 0;border-color:transparent var(--tooltip-bg) transparent transparent}.sar-tooltip--left:before{right:-7px;top:var(--arrow-offset);transform:translateY(-50%);border-width:7px 0 7px 7px;border-color:transparent transparent transparent var(--tooltip-border)}.sar-tooltip--left:after{right:-6px;top:var(--arrow-offset);transform:translateY(-50%);border-width:6px 0 6px 6px;border-color:transparent transparent transparent var(--tooltip-bg)}.sidebar-tooltip-arrow{border-right-color:var(--tooltip-bg)}.apexcharts-canvas,.apexcharts-canvas:focus,.apexcharts-canvas svg,.apexcharts-canvas svg:focus{outline:none!important;border:none!important;box-shadow:none!important}.apexcharts-pie-area,.apexcharts-pie-area:focus,.apexcharts-pie-area.apexcharts-selected{stroke-width:0!important;outline:none!important}.apexcharts-bar-area,.apexcharts-bar-area:focus,.apexcharts-bar-area.apexcharts-selected{stroke-width:0!important;outline:none!important}.apexcharts-series-markers .apexcharts-marker:focus,.apexcharts-area-series .apexcharts-series-area:focus{outline:none!important}.apexcharts-canvas *,.apexcharts-canvas *:focus{outline:none!important}.hover\:border-default:hover{border-color:var(--border)}.hover\:border-default-focus:hover{border-color:var(--border-focus)}.hover\:border-indigo-300:hover{--tw-border-opacity: 1;border-color:rgb(165 180 252 / var(--tw-border-opacity, 1))}.hover\:bg-glass:hover{background-color:var(--glass)}.hover\:bg-indigo-50:hover{--tw-bg-opacity: 1;background-color:rgb(238 242 255 / var(--tw-bg-opacity, 1))}.hover\:bg-indigo-600:hover{--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity, 1))}.hover\:bg-surface-hover:hover{background-color:var(--surface-hover)}.hover\:bg-white\/30:hover{background-color:#ffffff4d}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-indigo-800:hover{--tw-text-opacity: 1;color:rgb(55 48 163 / var(--tw-text-opacity, 1))}.hover\:text-info-medium:hover{color:var(--color-info-medium)}.hover\:text-red-400:hover{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.hover\:text-warning:hover{color:var(--warning)}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-sm:hover{--tw-shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 0 8px rgba(99, 102, 241, .03);--tw-shadow-colored: 0 1px 3px var(--tw-shadow-color), 0 0 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 0 40px rgba(99, 102, 241, .06);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 0 40px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:brightness-110:hover{--tw-brightness: brightness(1.1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-info-medium:focus{--tw-ring-color: var(--color-info-medium)}.group:hover .group-hover\:scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:text-foreground-secondary{color:var(--foreground-secondary)}.group:hover .group-hover\:text-info-medium{color:var(--color-info-medium)}.group:hover .group-hover\:text-warning{color:var(--warning)}.group:hover .group-hover\:opacity-100{opacity:1}@media(min-width:640px){.sm\:flex{display:flex}}@media(min-width:768px){.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}}@media(min-width:1024px){.lg\:flex{display:flex}.lg\:grid-cols-\[repeat\(auto-fill\,_minmax\(125px\,_1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(125px,1fr))}.lg\:grid-cols-\[repeat\(auto-fill\,_minmax\(144px\,_1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(144px,1fr))}.lg\:grid-cols-\[repeat\(auto-fill\,_minmax\(160px\,_1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.lg\:grid-cols-\[repeat\(auto-fill\,_minmax\(96px\,_1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}}.tc{--page:#fafafa;--surface:#ffffff;--surface-2:#f4f4f5;--sidebar:#f7f7f8;--ink:#17171a;--ink-2:#55555e;--ink-3:#8e8e98;--hairline:#e6e6ea;--hairline-2:#f0f0f2;--ring:rgba(23,23,26,.08);--shadow-c:23,23,26;--accent:#2a78d6;--accent-ink:#1c5cab;--accent-bg:rgba(42,120,214,.08);--viz-1:#2a78d6;--viz-2:#86b6ef;--viz-3:#eb6834;--viz-4:#eda100;--viz-mute:#b3b3bb;--viz-track:#ececef;--s-good:#0ca30c;--s-good-ink:#04790a;--warn:#eda100;--warn-ink:#b0500f;--danger:#d03b3b;--ease-out:cubic-bezier(.22,1,.36,1);--ease-spring:cubic-bezier(.34,1.4,.44,1);--t-fast:.15s;--t-med:.26s;--t-slow:.48s;--sans:system-ui,-apple-system,"Segoe UI",sans-serif;--mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,monospace;--r-card:12px;--r-ctl:8px;font-family:var(--sans);color:var(--ink);background:var(--page);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:14px;line-height:1.45;min-height:100vh;transition:background .35s ease,color .35s ease}.tc[data-theme=paper]{--page:#f7f7f4;--surface:#fcfcfb;--surface-2:#f3f2ee;--sidebar:#f2f1ec;--ink:#141311;--ink-2:#52514e;--ink-3:#8b897f;--hairline:#e7e6df;--hairline-2:#efeee8;--ring:rgba(20,19,17,.08);--shadow-c:20,19,17;--viz-mute:#b7b5ab;--viz-track:#edece6}.tc *,.tc *:before,.tc *:after{box-sizing:border-box}.tc ::selection{background:#2a78d629}.tc :focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}:where(.tc) button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}:where(.tc) a{color:inherit;text-decoration:none}:where(.tc) svg{display:block}:where(.tc) input,:where(.tc) select,:where(.tc) textarea{font:inherit;color:inherit}.shell{display:flex;min-height:100vh}.sb{position:sticky;top:0;align-self:flex-start;width:236px;height:100vh;flex:none;background:var(--sidebar);border-right:1px solid var(--hairline);display:flex;flex-direction:column;padding:14px 10px 12px;transition:width var(--t-med) var(--ease-out),background .35s ease;overflow:hidden}.shell.slim .sb{width:64px}.sb-brand{display:flex;align-items:center;gap:9px;padding:2px 8px 14px}.sb-logo{width:26px;flex:none;transition:transform var(--t-med) var(--ease-spring)}.sb-brand:hover .sb-logo{transform:translateY(-1px) rotate(-4deg)}.sb-word{font-size:14.5px;font-weight:650;letter-spacing:-.015em;white-space:nowrap}.sb-word small{display:block;font-size:10px;font-weight:500;letter-spacing:.06em;color:var(--ink-3);margin-top:-1px}.sb-nav{flex:1;display:flex;flex-direction:column;gap:1px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.sb-nav::-webkit-scrollbar{display:none}.nav-it{display:flex;align-items:center;gap:10px;height:32px;padding:0 8px;border-radius:7px;color:var(--ink-2);font-size:13px;font-weight:500;white-space:nowrap;position:relative;transition:background var(--t-fast) ease,color var(--t-fast) ease}.nav-it:hover{background:var(--surface-2);color:var(--ink)}.nav-it .nv-ic{flex:none;width:17px;height:17px;color:var(--ink-3);transition:color var(--t-fast) ease,transform var(--t-med) var(--ease-spring)}.nav-it:hover .nv-ic{color:var(--ink)}.nav-it .lbl{overflow:hidden;transition:opacity var(--t-fast) ease}.shell.slim .nav-it .lbl,.shell.slim .badge,.shell.slim .sb-word,.shell.slim .nav-sec{opacity:0;pointer-events:none}.shell.slim .nav-it{justify-content:center;padding:0}.shell.slim .sb-brand{justify-content:center;padding-left:0;padding-right:0}.nav-it.active{background:var(--surface);color:var(--ink);font-weight:600;border:1px solid var(--hairline);box-shadow:0 1px 2px rgba(var(--shadow-c),.05)}.nav-it.active .nv-ic{color:var(--accent)}.badge{margin-left:auto;font-size:10.5px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--accent-ink);background:var(--accent-bg);border-radius:99px;padding:1px 7px;transition:opacity var(--t-fast) ease}.badge.warn{color:var(--warn-ink);background:#eda1001f}.nav-sec{padding:14px 8px 5px;font-size:10px;font-weight:650;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap;transition:opacity var(--t-fast) ease}.sb-foot{border-top:1px solid var(--hairline);padding-top:10px;margin-top:8px;display:flex;flex-direction:column;gap:2px}.user-card{display:flex;align-items:center;gap:9px;padding:6px 8px;border-radius:8px;transition:background var(--t-fast) ease}.user-card:hover{background:var(--surface-2)}.u-av{width:28px;height:28px;border-radius:50%;flex:none;background:linear-gradient(135deg,var(--accent),#7a3ff2);color:#fff;font-size:10.5px;font-weight:650;display:grid;place-items:center}.u-meta{min-width:0;transition:opacity var(--t-fast) ease}.shell.slim .u-meta,.shell.slim .u-gear{opacity:0;width:0}.u-name{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.u-role{font-size:11px;color:var(--ink-3)}.u-gear{margin-left:auto;color:var(--ink-3);transition:transform .6s var(--ease-spring),color var(--t-fast) ease,opacity var(--t-fast) ease}.user-card:hover .u-gear{transform:rotate(90deg);color:var(--ink)}.main{flex:1;min-width:0}.topbar{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--page) 82%,transparent);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);border-bottom:1px solid var(--hairline)}.topbar-in{max-width:1156px;margin:0 auto;padding:0 26px;height:54px;display:flex;align-items:center;gap:12px}.crumbs{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--ink-3)}.crumbs b{color:var(--ink);font-weight:600}.crumbs svg{color:var(--hairline)}.sb-toggle{width:28px;height:28px;border-radius:7px;display:grid;place-items:center;color:var(--ink-3);transition:background var(--t-fast) ease,color var(--t-fast) ease;margin-left:-8px}.sb-toggle:hover{background:var(--surface-2);color:var(--ink)}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:10px}.wrap{max-width:1156px;margin:0 auto;padding:0 26px 56px}.seg{position:relative;display:flex;background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--r-ctl);padding:2px}.seg-thumb{position:absolute;top:2px;bottom:2px;left:0;width:60px;background:var(--surface);border:1px solid var(--hairline);border-radius:6px;box-shadow:0 1px 2px rgba(var(--shadow-c),.06);transition:transform var(--t-med) var(--ease-spring),width var(--t-med) var(--ease-spring)}.seg button{position:relative;z-index:1;padding:3.5px 13px;font-size:12.5px;font-weight:500;color:var(--ink-3);border-radius:6px;transition:color var(--t-fast) ease}.seg button.on{color:var(--ink)}.seg button:hover:not(.on){color:var(--ink-2)}.search{display:flex;align-items:center;gap:8px;width:170px;height:31px;padding:0 10px;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-ctl);color:var(--ink-3);font-size:12.5px;transition:width var(--t-med) var(--ease-out),border-color var(--t-fast) ease,box-shadow var(--t-fast) ease;cursor:pointer}.search:hover{border-color:color-mix(in srgb,var(--ink) 18%,var(--hairline))}.search:focus-within{width:230px;border-color:color-mix(in srgb,var(--accent) 45%,var(--hairline));box-shadow:0 0 0 3px var(--accent-bg)}.search input{border:0;outline:0;background:none;width:100%;font:inherit;color:var(--ink)}.search input::placeholder{color:var(--ink-3)}.kbd{margin-left:auto;flex:none;font-family:var(--mono);font-size:10px;color:var(--ink-3);border:1px solid var(--hairline);border-bottom-width:2px;border-radius:4px;padding:1px 5px;background:var(--surface-2)}.icon-btn{position:relative;width:31px;height:31px;border-radius:var(--r-ctl);display:grid;place-items:center;color:var(--ink-2);border:1px solid transparent;transition:background var(--t-fast) ease,border-color var(--t-fast) ease,color var(--t-fast) ease}.icon-btn:hover{background:var(--surface);border-color:var(--hairline);color:var(--ink)}.icon-btn .dot{position:absolute;top:7px;right:7px;width:6px;height:6px;border-radius:50%;background:var(--accent);border:1.5px solid var(--page)}@keyframes ring{0%{rotate:0deg}22%{rotate:12deg}45%{rotate:-9deg}65%{rotate:5deg}82%{rotate:-2deg}to{rotate:0deg}}.icon-btn:hover .bell{animation:ring .7s var(--ease-spring);transform-origin:50% 15%}.btn{display:inline-flex;align-items:center;gap:6px;height:31px;padding:0 13px;border-radius:var(--r-ctl);font-size:12.5px;font-weight:550;border:1px solid var(--hairline);background:var(--surface);color:var(--ink-2);transition:all var(--t-fast) ease;cursor:pointer}.btn:hover{color:var(--ink);border-color:color-mix(in srgb,var(--ink) 20%,var(--hairline));box-shadow:0 1px 2px rgba(var(--shadow-c),.06)}.btn.primary{background:var(--ink);border-color:var(--ink);color:var(--surface)}.btn.primary:hover{opacity:.88;color:var(--surface)}.btn.accent{background:var(--accent);border-color:var(--accent);color:#fff}.btn.accent:hover{background:var(--accent-ink);color:#fff}.btn.danger:hover{color:var(--danger);border-color:var(--danger)}.btn.sm{height:26px;padding:0 10px;font-size:11.5px}.btn.ghost{border-color:transparent;background:transparent}.btn.ghost:hover{background:var(--surface-2);box-shadow:none}.fld{display:flex;flex-direction:column;gap:5px}.fld>label{font-size:11.5px;font-weight:600;color:var(--ink-2)}.fld .hint{font-size:11px;color:var(--ink-3);font-weight:400}.inp,.sel{height:32px;padding:0 10px;border:1px solid var(--hairline);border-radius:var(--r-ctl);background:var(--surface);font-size:12.5px;color:var(--ink);outline:0;transition:border-color var(--t-fast) ease,box-shadow var(--t-fast) ease;-webkit-appearance:none;appearance:none}.inp:focus,.sel:focus{border-color:color-mix(in srgb,var(--accent) 45%,var(--hairline));box-shadow:0 0 0 3px var(--accent-bg)}.sel{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%238e8e98' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center;padding-right:26px}.toggle{position:relative;width:34px;height:20px;border-radius:99px;background:var(--hairline);transition:background var(--t-med) ease;cursor:pointer;flex:none;border:0}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:transform var(--t-med) var(--ease-spring)}.toggle.on{background:var(--accent)}.toggle.on:after{transform:translate(14px)}.card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-card);box-shadow:0 1px 2px rgba(var(--shadow-c),.03);transition:border-color var(--t-med) ease,box-shadow var(--t-med) ease,background .35s ease}.card:hover{border-color:color-mix(in srgb,var(--ink) 14%,var(--hairline));box-shadow:0 1px 2px rgba(var(--shadow-c),.03),0 6px 20px -8px rgba(var(--shadow-c),.1)}.card.flat:hover{border-color:var(--hairline);box-shadow:0 1px 2px rgba(var(--shadow-c),.03)}.card-head{display:flex;align-items:baseline;gap:10px}.card-title{font-size:14px;font-weight:600;letter-spacing:-.008em}.card-sub{font-size:12px;color:var(--ink-3)}.page-head{display:flex;align-items:flex-end;justify-content:space-between;padding:28px 2px 20px;gap:16px;flex-wrap:wrap}.page-head h1{font-size:24px;font-weight:600;letter-spacing:-.022em}.page-head .sub{margin-top:5px;font-size:13px;color:var(--ink-2);display:flex;align-items:center;gap:8px}.page-actions{display:flex;align-items:center;gap:8px}.grid{display:grid;gap:12px}.mt{margin-top:12px}.rv{opacity:0;transform:translateY(10px)}.rv.in{opacity:1;transform:none;transition:opacity var(--t-slow) var(--ease-out),transform var(--t-slow) var(--ease-out)}@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none}.tc *,.tc *:before,.tc *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.kpi{padding:15px 16px 13px;position:relative;overflow:hidden}.kpi-top{display:flex;align-items:center;justify-content:space-between;color:var(--ink-3)}.kpi-label{font-size:10.5px;font-weight:650;letter-spacing:.07em;text-transform:uppercase}.kpi-ic{color:var(--ink-3);transition:color var(--t-med) ease}.kpi:hover .kpi-ic{color:var(--ink-2)}.kpi-value{margin-top:9px;font-size:26px;font-weight:350;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.05;display:flex;align-items:baseline;gap:6px}.kpi-value .unit{font-size:13.5px;color:var(--ink-3);font-weight:450;letter-spacing:0}.kpi-foot{margin-top:8px;display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--ink-3);min-height:17px}.delta{display:inline-flex;align-items:center;gap:3px;font-weight:550;font-variant-numeric:tabular-nums}.delta.up{color:var(--s-good-ink)}.delta.down{color:var(--warn-ink)}.spark{position:absolute;right:12px;bottom:12px;opacity:.95}.kpi-link{display:inline-flex;align-items:center;gap:4px;color:var(--accent-ink);font-weight:550;font-size:11.5px}.kpi-link svg{transition:transform var(--t-med) var(--ease-out)}.kpi:hover .kpi-link svg{transform:translate(2.5px)}@keyframes pulse{0%{transform:scale(.5);opacity:.7}70%{transform:scale(1.4);opacity:0}to{opacity:0}}.live{display:inline-flex;align-items:center;gap:6px;color:var(--s-good-ink);font-weight:500}.live i{width:6px;height:6px;border-radius:50%;background:var(--s-good);position:relative}.live i:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:1px solid var(--s-good);opacity:0;animation:pulse 2.4s ease-out infinite}.p-av{width:25px;height:25px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:9.5px;font-weight:600;background:var(--surface-2);color:var(--ink-2);border:1px solid var(--hairline);position:relative;transition:transform var(--t-med) var(--ease-spring)}.p-st{position:absolute;right:-1px;bottom:-1px;width:8px;height:8px;border-radius:50%;border:1.5px solid var(--surface)}.st-good{background:var(--s-good)}.st-warn{background:var(--viz-4)}.st-mute{background:var(--viz-mute)}.st-off{background:var(--viz-track);border-color:var(--hairline)}.chip{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:550;color:var(--ink-2);background:var(--surface-2);border:1px solid var(--hairline);border-radius:99px;padding:1.5px 9px;white-space:nowrap}.chip.good{color:var(--s-good-ink);background:#0ca30c14;border-color:#0ca30c2e}.chip.warn{color:var(--warn-ink);background:#eda1001a;border-color:#eda10038}.chip.bad{color:#a03030;background:#d03b3b12;border-color:#d03b3b2e}.chip.info{color:var(--accent-ink);background:var(--accent-bg);border-color:#2a78d633}.rows{margin-top:7px}.row{display:flex;align-items:center;gap:12px;padding:8px;margin:0 -8px;border-radius:8px;transition:background var(--t-fast) ease;cursor:default;border-bottom:1px solid var(--hairline-2)}.rows .row:last-child{border-bottom:0}.row:hover{background:var(--surface-2)}.row.click{cursor:pointer}.row-name{font-size:12.5px;font-weight:500}.row-sub{font-size:11px;color:var(--ink-3);margin-top:1px}.row-right{margin-left:auto;text-align:right}.row-val{font-size:12.5px;font-weight:550;font-variant-numeric:tabular-nums}.row .go{opacity:0;transform:translate(-4px);transition:opacity var(--t-fast) ease,transform var(--t-fast) ease;color:var(--ink-3)}.row:hover .go{opacity:1;transform:none}.rk{font-family:var(--mono);font-size:10.5px;color:var(--ink-3);width:16px;text-align:right}.see-all{display:inline-flex;align-items:center;gap:5px;margin:7px 0 6px;font-size:12px;font-weight:500;color:var(--ink-3);transition:color var(--t-fast) ease;cursor:pointer}.see-all:hover{color:var(--accent-ink)}.see-all svg{transition:transform var(--t-med) var(--ease-out)}.see-all:hover svg{transform:translate(2.5px)}.app{display:grid;grid-template-columns:28px 1fr 74px;align-items:center;gap:12px;padding:6px 8px;border-radius:8px;position:relative;overflow:hidden;cursor:default}.app:before{content:"";position:absolute;inset:0;background:var(--surface-2);transform:scaleX(0);transform-origin:left;transition:transform var(--t-med) var(--ease-out);border-radius:8px}.app:hover:before{transform:scaleX(1)}.app>*{position:relative}.app-ic{width:28px;height:28px;border-radius:7px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--hairline);transition:transform var(--t-med) var(--ease-spring),box-shadow var(--t-med) ease}.app:hover .app-ic{transform:scale(1.12) rotate(-4deg);box-shadow:0 2px 8px -2px rgba(var(--shadow-c),.18)}.app-name{font-size:12.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-bar{display:block;margin-top:5px;height:4px;border-radius:2px;background:var(--hairline-2);overflow:hidden}.app-fill{display:block;height:100%;border-radius:2px;width:0;transition:width .9s var(--ease-out)}.app-val{text-align:right;font-variant-numeric:tabular-nums}.app-val .t{font-size:12.5px;font-weight:550;display:block;transition:opacity var(--t-fast) ease,transform var(--t-fast) ease}.app-val .p{font-size:11px;color:var(--ink-3);display:block;margin-top:-16px;opacity:0;transform:translateY(4px);transition:opacity var(--t-fast) ease,transform var(--t-fast) ease}.app:hover .app-val .t{opacity:0;transform:translateY(-4px)}.app:hover .app-val .p{opacity:1;transform:none}.tbl{width:100%;border-collapse:collapse;font-size:12.5px}.tbl th{text-align:left;font-size:10.5px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);padding:8px 10px;border-bottom:1px solid var(--hairline);white-space:nowrap}.tbl td{padding:9px 10px;border-bottom:1px solid var(--hairline-2);vertical-align:middle}.tbl tr:last-child td{border-bottom:0}.tbl tbody tr{transition:background var(--t-fast) ease}.tbl tbody tr:hover{background:var(--surface-2)}.tbl .num{text-align:right;font-variant-numeric:tabular-nums}.tbl-wrap{overflow-x:auto}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--hairline);margin-top:4px}.tab{padding:8px 13px;font-size:12.5px;font-weight:550;color:var(--ink-3);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--t-fast) ease,border-color var(--t-fast) ease;cursor:pointer}.tab:hover{color:var(--ink-2)}.tab.on{color:var(--ink);border-bottom-color:var(--ink)}.drawer-veil{position:fixed;inset:0;background:#11111352;opacity:0;pointer-events:none;transition:opacity var(--t-med) ease;z-index:90}.drawer-veil.on{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:92vw;background:var(--surface);border-left:1px solid var(--hairline);box-shadow:-12px 0 40px -12px rgba(var(--shadow-c),.25);transform:translate(102%);transition:transform var(--t-med) var(--ease-out);z-index:91;display:flex;flex-direction:column}.drawer.on{transform:none}.drawer-head{display:flex;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid var(--hairline)}.drawer-title{font-size:14px;font-weight:600}.drawer-x{margin-left:auto;width:26px;height:26px;border-radius:6px;display:grid;place-items:center;color:var(--ink-3);transition:background var(--t-fast) ease,color var(--t-fast) ease}.drawer-x:hover{background:var(--surface-2);color:var(--ink)}.drawer-body{flex:1;overflow-y:auto;padding:16px 18px}.drawer-foot{padding:12px 18px;border-top:1px solid var(--hairline);display:flex;gap:8px;justify-content:flex-end}.emp{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:42px 20px;color:var(--ink-3)}.emp .emp-ic{width:38px;height:38px;border-radius:10px;background:var(--surface-2);border:1px solid var(--hairline);display:grid;place-items:center;margin-bottom:12px;color:var(--ink-3)}.emp b{color:var(--ink-2);font-size:13px;font-weight:600}.emp p{font-size:12px;margin-top:3px;max-width:300px}.emp .btn{margin-top:12px}.axis{position:relative;height:21px;margin-left:var(--who-w,168px)}.tick{position:absolute;top:0;font-family:var(--mono);font-size:10px;color:var(--ink-3);transform:translate(-50%)}.tick.first{transform:none}.tick.last{transform:translate(-100%)}.p-rows{position:relative}.gridlines{position:absolute;inset:0 0 0 var(--who-w,168px);pointer-events:none}.gl{position:absolute;top:0;bottom:0;width:1px;background:var(--hairline-2)}.now{position:absolute;top:-20px;bottom:0;left:var(--now-x);width:1px;background:color-mix(in srgb,var(--accent) 55%,transparent);z-index:3;pointer-events:none}.now:before{content:"";position:absolute;top:0;left:-2.5px;width:6px;height:6px;border-radius:50%;background:var(--accent)}.now-lbl{position:absolute;top:-3px;left:5px;font-family:var(--mono);font-size:10px;font-weight:600;color:var(--accent-ink);background:var(--surface);padding:0 4px;border-radius:3px;white-space:nowrap;line-height:14px}.p-row{display:flex;align-items:center;height:38px;border-radius:8px;transition:opacity var(--t-med) ease,background var(--t-fast) ease;position:relative}.p-rows:hover .p-row:not(:hover){opacity:.45}.p-row:hover{background:var(--surface-2)}.p-who{flex:0 0 var(--who-w,168px);display:flex;align-items:center;gap:10px;padding-left:6px}.p-row:hover .p-av{transform:scale(1.1)}.p-name{font-size:12.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:transform var(--t-med) var(--ease-out)}.p-row:hover .p-name{transform:translate(2px)}.p-meta{font-family:var(--mono);font-size:10px;color:var(--ink-3)}.p-track{position:relative;flex:1;height:13px;border-radius:5px;background:var(--viz-track)}.seg-b{position:absolute;top:0;bottom:0;border-radius:4px;transform:scaleX(0);transform-origin:left center;transition:transform .7s var(--ease-out),filter var(--t-fast) ease,box-shadow var(--t-fast) ease}.tl-on .seg-b{transform:scaleX(1)}.seg-b:hover{filter:brightness(.92) saturate(1.1);box-shadow:0 0 0 2px var(--surface);z-index:2}.seg-1{background:var(--viz-1)}.seg-2{background:var(--viz-2)}.seg-3{background:var(--viz-3)}.seg-4{background:var(--viz-4)}.seg-hatch{background:repeating-linear-gradient(45deg,var(--viz-mute) 0 3px,color-mix(in srgb,var(--viz-mute) 34%,var(--surface)) 3px 6px)}.p-chip{position:absolute;right:8px;top:50%;transform:translateY(-50%);z-index:2;font-size:10.5px;font-weight:550;color:var(--ink-3);background:var(--surface);border:1px solid var(--hairline);border-radius:99px;padding:1px 8px;white-space:nowrap}.legend{margin-left:auto;display:flex;gap:13px}.lg{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--ink-2)}.sw{width:9px;height:9px;border-radius:3px}.sw.hatch{background:repeating-linear-gradient(45deg,var(--viz-mute) 0 2px,transparent 2px 4px);border:1px solid var(--viz-mute)}.donut-wrap{position:relative;flex:none}.donut-c{position:absolute;inset:0;display:grid;place-items:center;text-align:center;pointer-events:none}.donut-v{font-size:24px;font-weight:350;letter-spacing:-.02em;font-variant-numeric:tabular-nums;transition:opacity var(--t-fast) ease}.donut-l{font-size:10px;letter-spacing:.06em;text-transform:uppercase;font-weight:650;color:var(--ink-3);margin-top:2px;transition:opacity var(--t-fast) ease}.donut-c.swap .donut-v,.donut-c.swap .donut-l{opacity:0}.donut circle.seg{transition:stroke-width var(--t-med) var(--ease-spring),opacity var(--t-med) ease;cursor:pointer}.donut.dim circle.seg:not(.hot){opacity:.28}.dl{display:flex;flex-direction:column;gap:8px;flex:1}.dl-row{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--ink-2);border-radius:6px;padding:2px 6px;margin:-2px -6px;transition:background var(--t-fast) ease;cursor:default}.dl-row:hover{background:var(--surface-2)}.dl-row b{margin-left:auto;font-weight:550;color:var(--ink);font-variant-numeric:tabular-nums}.dl-row .pct{width:38px;text-align:right;color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:11.5px}.lc .grid-l{stroke:var(--hairline-2)}.lc .exp{stroke:var(--ink-3);stroke-width:1.2;stroke-dasharray:3 4;fill:none;opacity:.6}.lc .act{stroke:var(--accent);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.lc .area{fill:var(--accent);opacity:.07}.lc .axl{font-family:var(--mono);font-size:9.5px;fill:var(--ink-3)}.lc .pt{fill:var(--accent);stroke:var(--surface);stroke-width:1.5;opacity:0;transition:opacity var(--t-fast) ease}.lc .pt.end{opacity:1}.lc .hover-l{stroke:var(--hairline);stroke-width:1;opacity:0}.tip{position:fixed;z-index:100;pointer-events:none;background:#171614ed;color:#f2f1ee;font-size:11.5px;line-height:1.5;border-radius:8px;padding:7px 10px;box-shadow:0 8px 24px -6px #14131159;opacity:0;transform:translateY(4px) scale(.98);transition:opacity var(--t-fast) ease,transform var(--t-fast) var(--ease-out);max-width:260px}.tip.on{opacity:1;transform:none}.tip .t-title{font-weight:600;display:flex;align-items:center;gap:6px}.tip .t-sw{width:8px;height:8px;border-radius:2.5px}.tip .t-meta{font-family:var(--mono);font-size:10.5px;color:#b9b7b0;margin-top:2px}.pal-veil{position:fixed;inset:0;background:#1111135c;opacity:0;pointer-events:none;transition:opacity var(--t-fast) ease;z-index:95;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.pal-veil.on{opacity:1;pointer-events:auto}.pal{position:fixed;left:50%;top:16vh;transform:translate(-50%) scale(.98);width:560px;max-width:92vw;background:var(--surface);border:1px solid var(--hairline);border-radius:14px;box-shadow:0 24px 70px -12px rgba(var(--shadow-c),.35);z-index:96;opacity:0;pointer-events:none;transition:opacity var(--t-fast) ease,transform var(--t-fast) var(--ease-out);overflow:hidden}.pal.on{opacity:1;pointer-events:auto;transform:translate(-50%) scale(1)}.pal-in{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid var(--hairline)}.pal-in input{flex:1;border:0;outline:0;background:none;font-size:14px;color:var(--ink)}.pal-list{max-height:320px;overflow-y:auto;padding:6px}.pal-it{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;font-size:13px;cursor:pointer;color:var(--ink-2)}.pal-it .nv-ic{width:16px;height:16px;color:var(--ink-3)}.pal-it.sel{background:var(--surface-2);color:var(--ink)}.pal-it .pal-k{margin-left:auto;font-size:10.5px;color:var(--ink-3);font-family:var(--mono)}.pal-sec{font-size:10px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding:8px 10px 3px}.foot-note{margin-top:24px;text-align:center;font-size:11px;color:var(--ink-3)}.tc{--accent: #2f7ed8;--accent-ink: #1d5aa6;--accent-bg: rgba(47, 126, 216, .08);--viz-1: #2f7ed8;--viz-2: #8fbcf0;--viz-3: #e2683a;--viz-4: #e0a015;--viz-mute: #b1b1ba;--viz-track: #ececed;--s-good: #0ca30c;--s-good-ink: #04790a;--warn: #e0a015;--warn-ink: #8a6205;--danger: #d03b3b}:root,html[data-theme=light]{color-scheme:light;--page-bg: #fafafa;--bg-page: #fafafa;--surface: #ffffff;--surface-elevated: #ffffff;--surface-table: #ffffff;--surface-deep: #f7f7f8;--surface-hover: #f4f4f5;--surface-inset: #f4f4f5;--surface-frosted: rgba(255, 255, 255, .72);--surface-frosted-light: rgba(255, 255, 255, .55);--nav-bg: rgba(247, 247, 248, .97);--input-bg: #ffffff;--glass: rgba(23, 23, 26, .04);--glass-hover: rgba(23, 23, 26, .07);--glass-subtle: rgba(23, 23, 26, .025);--glass-dark: rgba(23, 23, 26, .06);--overlay: rgba(23, 23, 26, .38);--foreground: #17171a;--foreground-secondary: #55555e;--foreground-muted: #6e6e78;--foreground-tertiary: #8e8e98;--foreground-disabled: #b4b4bc;--border: #e6e6ea;--border-subtle: #f0f0f2;--border-strong: #d6d6dc;--border-focus: rgba(47, 126, 216, .55);--input-border: #e0e0e5;--color-primary: #2f7ed8;--primary: #2f7ed8;--color-info: #2f7ed8;--info: #2f7ed8;--color-brand: #2f7ed8;--color-blue-dark: #1d5aa6;--accent: #2f7ed8;--accent-ink: #1d5aa6;--accent-bg: rgba(47,126,216,.08);--color-success: #0ca30c;--success: #0ca30c;--color-warning: #e0a015;--warning: #e0a015;--color-danger: #d03b3b;--color-orange: #e2683a;--shadow-sm: 0 1px 2px rgba(23, 23, 26, .04);--shadow-md: 0 4px 14px -6px rgba(23, 23, 26, .1);--shadow-lg: 0 18px 40px -18px rgba(23, 23, 26, .18)}html.dark{color-scheme:light}body{background:var(--page-bg);color:var(--ink, #17171a);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.tc .page-wrap{padding:20px 24px 48px;display:flex;flex-direction:column;gap:14px}.tc .toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.tc .card{padding:16px 18px 15px}.tc .card-head{display:flex;align-items:baseline;gap:9px;margin-bottom:12px}.tc .card-title{font-size:14px;font-weight:600;letter-spacing:-.008em;color:var(--ink)}.tc .card-sub{font-size:11.5px;color:var(--ink-3)}.tc .card-head .right{margin-left:auto}.tc .kpi{display:flex;flex-direction:column}.tc .kpi-top{display:flex;align-items:center;gap:8px;margin-bottom:10px}.tc .kpi-label{font-size:10.5px;font-weight:650;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3)}.tc .kpi-ic{margin-left:auto;color:var(--ink-3);flex:none}.tc .kpi-value{font-size:34px;font-weight:350;letter-spacing:-.024em;line-height:1;font-variant-numeric:tabular-nums;color:var(--ink);display:flex;align-items:baseline;gap:2px}.tc .kpi-value .unit{font-size:15px;font-weight:500;color:var(--ink-3)}.tc .kpi-foot{margin-top:10px;font-size:11.5px;color:var(--ink-3);line-height:1.45}.tc .meter{height:5px;border-radius:3px;background:var(--viz-track);overflow:hidden;margin-top:12px}.tc .meter>i{display:block;height:100%;border-radius:3px;transition:width var(--t-slow) var(--ease-out)}.tc .chip{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:5px;font-size:10.5px;font-weight:600;white-space:nowrap}.tc .chip.good{color:var(--s-good-ink);background:#0ca30c1c}.tc .chip.warn{color:var(--warn-ink);background:#e0a01521}.tc .chip.bad{color:#a52c2c;background:#d03b3b1f}.tc .emp{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:34px 20px;text-align:center}.tc .emp-ic{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--surface-2);color:var(--ink-3);margin-bottom:2px}.tc .emp b{font-size:13px;font-weight:600;color:var(--ink)}.tc .emp p{font-size:12px;color:var(--ink-3);max-width:46ch;line-height:1.5}.tc .sk{position:relative;overflow:hidden;background:var(--surface-2);border-radius:6px}.tc .sk:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(23,23,26,.05),transparent);animation:sk-sweep 1.4s ease infinite}@keyframes sk-sweep{to{transform:translate(100%)}}.shimmer{position:relative;overflow:hidden;background:var(--surface-inset);border-radius:6px}.shimmer:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(23,23,26,.05),transparent);animation:sk-sweep 1.4s ease infinite}.tc .dr-veil{position:fixed;inset:0;background:var(--overlay);z-index:2200;animation:dr-fade var(--t-med) ease both}@keyframes dr-fade{0%{opacity:0}to{opacity:1}}.tc .dr{position:fixed;top:0;right:0;height:100%;width:560px;max-width:94vw;background:var(--surface);border-left:1px solid var(--hairline);box-shadow:-24px 0 60px -30px #17171a47;z-index:2201;display:flex;flex-direction:column;animation:dr-in var(--t-med) var(--ease-out) both}@keyframes dr-in{0%{transform:translate(18px);opacity:.6}to{transform:none;opacity:1}}.tc .dr-head{display:flex;align-items:center;gap:8px;padding:15px 18px;border-bottom:1px solid var(--hairline)}.tc .dr-title{font-size:14px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tc .dr-body{flex:1;overflow-y:auto}.tc .dr-foot{border-top:1px solid var(--hairline);padding:11px 18px;display:flex;align-items:center;justify-content:space-between;font-size:11.5px;color:var(--ink-3)}.tc .tbl{width:100%;border-collapse:collapse}.tc .tbl th{position:sticky;top:0;z-index:1;background:var(--surface);text-align:left;padding:9px 18px;white-space:nowrap;font-size:10.5px;font-weight:650;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--hairline);cursor:pointer;transition:color var(--t-fast) ease}.tc .tbl th:hover{color:var(--ink)}.tc .tbl th.num,.tc .tbl td.num{text-align:right;font-variant-numeric:tabular-nums}.tc .tbl td{padding:9px 18px;font-size:12.5px;color:var(--ink-2);border-bottom:1px solid var(--hairline-2)}.tc .tbl tbody tr{transition:background var(--t-fast) ease}.tc .tbl tbody tr:hover{background:var(--surface-2)}.tc .tbl .sort{margin-left:5px;font-size:9.5px;opacity:.45;transition:opacity var(--t-fast) ease}.tc .tbl th:hover .sort{opacity:1}.tc .pg{display:flex;align-items:center;gap:5px}.tc .pg button{width:25px;height:25px;display:grid;place-items:center;border:1px solid var(--hairline);border-radius:7px;background:var(--surface);color:var(--ink-2);transition:all var(--t-fast) ease}.tc .pg button:hover:not(:disabled){border-color:var(--ink-3);color:var(--ink)}.tc .pg button:disabled{opacity:.35}.tc .pg .cur{min-width:25px;height:25px;padding:0 7px;display:grid;place-items:center;border-radius:7px;background:var(--accent);color:#fff;font-size:11px;font-weight:650;font-variant-numeric:tabular-nums}@keyframes sar-rise{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}.tc .page-wrap>*{animation:sar-rise .48s var(--ease-out) both}.tc .page-wrap>*:nth-child(2){animation-delay:55ms}.tc .page-wrap>*:nth-child(3){animation-delay:.11s}.tc .page-wrap>*:nth-child(4){animation-delay:165ms}.tc .page-wrap>*:nth-child(5){animation-delay:.22s}.rounded-sm.bg-surface-elevated,.rounded-lg.bg-surface-elevated,.rounded-xl.bg-surface-elevated{border-radius:12px!important;border-color:var(--border)!important;box-shadow:var(--shadow-sm)!important;transition:border-color .26s ease,box-shadow .26s ease,transform .26s cubic-bezier(.22,1,.36,1)}.rounded-sm.bg-surface-elevated:hover,.rounded-lg.bg-surface-elevated:hover{border-color:#d8d8de!important;box-shadow:var(--shadow-md)!important;transform:translateY(-1px)}.border-default{border-color:var(--border)!important}button:not([class*=apexcharts]):active{transform:scale(.97)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--border-focus)!important;box-shadow:0 0 0 3px var(--accent-bg)!important}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#17171a29;border:3px solid transparent;background-clip:content-box;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#17171a4d;background-clip:content-box}.apexcharts-gridline{stroke:var(--hairline)!important}.apexcharts-xaxis text,.apexcharts-yaxis text{font-family:var(--mono, ui-monospace, "SF Mono", Menlo, monospace)!important;font-size:10px!important;fill:var(--ink-3)!important}.apexcharts-legend-text{font-family:var(--sans, system-ui)!important;font-size:11.5px!important;color:var(--ink-2)!important}.apexcharts-tooltip{border:1px solid var(--hairline)!important;box-shadow:var(--shadow-lg)!important;border-radius:9px!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.tc .anom-info{position:relative;margin-left:auto}.tc .info-btn{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;color:var(--ink-3);transition:background var(--t-fast) ease,color var(--t-fast) ease}.tc .info-btn:hover{background:var(--surface-2);color:var(--ink)}.tc .info-pop{position:absolute;right:0;top:26px;z-index:40;width:268px;background:var(--surface);border:1px solid var(--hairline);border-radius:11px;box-shadow:var(--shadow-lg);padding:12px 13px;text-align:left;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity var(--t-fast) ease,transform var(--t-med) var(--ease-out),visibility var(--t-fast)}.tc .anom-info:hover .info-pop,.tc .anom-info:focus-within .info-pop{opacity:1;visibility:visible;transform:none}.tc .info-pop b{display:block;font-size:11.5px;font-weight:650;color:var(--ink);margin-bottom:5px}.tc .info-pop p{font-size:11.5px;color:var(--ink-2);line-height:1.5}.tc .info-row{display:flex;justify-content:space-between;gap:10px;margin-top:9px;padding-top:8px;border-top:1px solid var(--hairline-2);font-family:var(--mono);font-size:10.5px;color:var(--ink-3)}.tc .dr-x{margin-left:auto;width:27px;height:27px;border-radius:7px;display:grid;place-items:center;color:var(--ink-3);flex:none;transition:background var(--t-fast) ease,color var(--t-fast) ease,transform var(--t-med) var(--ease-spring)}.tc .dr-x:hover{background:var(--surface-2);color:var(--ink);transform:rotate(90deg)}.tc .dr-title.link{background:none;border:0;text-align:left;cursor:pointer;color:var(--accent-ink);transition:color var(--t-fast) ease}.tc .dr-title.link:hover{color:var(--accent);text-decoration:underline}.tc .tbl tr.clickable{cursor:pointer}.tc .tbl tr.clickable td:first-child{position:relative;transition:padding-left var(--t-fast) ease}.tc .tbl tr.clickable:hover td:first-child{padding-left:23px}.tc .tbl tr.clickable td:first-child:before{content:"\203a";position:absolute;left:8px;opacity:0;color:var(--ink-3);transition:opacity var(--t-fast) ease}.tc .tbl tr.clickable:hover td:first-child:before{opacity:1}.tc .sel{height:26px;font-size:11.5px;padding:0 22px 0 8px}.tc .page-wrap.fill{height:100%;padding-bottom:16px;overflow:hidden}.tc .card.bare{padding:0}.tc .av{width:26px;height:26px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--accent-bg);color:var(--accent-ink);font-size:10.5px;font-weight:650}.tc .av.lg{width:34px;height:34px;font-size:12.5px}.tc .mono{font-family:var(--mono);font-size:11.5px;font-variant-numeric:tabular-nums}.tc .seg-s{display:flex;gap:2px;background:var(--surface-2);border:1px solid var(--hairline);border-radius:8px;padding:2px}.tc .seg-s button{padding:3.5px 13px;font-size:12px;font-weight:550;color:var(--ink-3);border-radius:6px;transition:all var(--t-fast) ease}.tc .seg-s button:hover:not(.on){color:var(--ink-2)}.tc .seg-s button.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #17171a14,inset 0 0 0 1px var(--hairline)}.tc .tlb{position:relative;height:30px;border-radius:5px;background:var(--viz-track);overflow:hidden}.tc .tlb.open{overflow:visible}.tc .tl-tick{position:absolute;top:0;bottom:0;width:1px;background:var(--hairline-2);pointer-events:none}.tc .tl-seg{position:absolute;top:0;bottom:0;border-radius:3px;transition:filter var(--t-fast) ease}.tc .tl-seg:hover{filter:brightness(.92) saturate(1.08)}.tc .sg-working{background:var(--s-good)}.tc .sg-idle{background:var(--warn)}.tc .sg-break{background:var(--viz-3)}.tc .sg-offline{background:var(--viz-mute)}.tc .sg-suspicious{background:var(--danger)}.tc .lgnd{display:flex;flex-wrap:wrap;align-items:center;gap:14px;font-size:11px;color:var(--ink-2)}.tc .lgnd>span{display:inline-flex;align-items:center;gap:6px}.tc .lgnd .sw{width:9px;height:9px;border-radius:3px;display:inline-block}.tc .seg-tip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px);z-index:300;background:var(--surface);border:1px solid var(--hairline);border-radius:8px;box-shadow:var(--shadow-lg);padding:7px 10px;font-size:11px;line-height:1.5;color:var(--ink-2);white-space:nowrap;pointer-events:none;opacity:0;display:flex;flex-direction:column;gap:1px;transition:opacity var(--t-fast) ease,transform var(--t-fast) var(--ease-out)}.tc .tl-seg:hover .seg-tip{opacity:1;transform:translate(-50%)}.tc .seg-tip b{color:var(--ink);font-weight:600}.tc .seg-tip .tip-mono{font-family:var(--mono);font-size:10.5px;color:var(--ink-3)}.tc .tbl .stick{position:sticky;z-index:5;background:var(--surface)}.tc .tbl thead .stick{z-index:7}.tc .tbl tbody tr:hover .stick{background:var(--surface-2)}.tc .st-0{left:0}.tc .st-1{left:200px}.tc .st-2{left:350px}.tc .tbl .stick.edge{border-right:1px solid var(--hairline)}.tc .hm-1{background:color-mix(in srgb,var(--viz-3) 6%,var(--surface));color:var(--ink-2)}.tc .hm-2{background:color-mix(in srgb,var(--viz-3) 13%,var(--surface));color:var(--ink-2)}.tc .hm-3{background:color-mix(in srgb,var(--viz-3) 20%,var(--surface));color:var(--ink)}.tc .hm-4{background:color-mix(in srgb,var(--viz-3) 28%,var(--surface));color:var(--ink)}.tc .hm-5{background:color-mix(in srgb,var(--viz-3) 37%,var(--surface));color:var(--ink)}.tc .hm-6{background:color-mix(in srgb,var(--viz-3) 47%,var(--surface));color:#fff}.tc .hm-7{background:color-mix(in srgb,var(--viz-3) 58%,var(--surface));color:#fff}.tc .hm-8{background:color-mix(in srgb,var(--viz-3) 70%,var(--surface));color:#fff}.tc .hm-9{background:color-mix(in srgb,var(--viz-3) 82%,var(--surface));color:#fff}.tc .hm-10{background:var(--viz-3);color:#fff}.tc .shot{border:1px solid var(--hairline);border-radius:9px;overflow:hidden;cursor:pointer;transition:border-color var(--t-med) ease,box-shadow var(--t-med) ease,transform var(--t-med) var(--ease-out)}.tc .shot:hover{border-color:color-mix(in srgb,var(--ink) 16%,var(--hairline));box-shadow:var(--shadow-md);transform:translateY(-1px)}.tc .shot-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:4px 8px;background:var(--surface)}.tc .hr-rule{display:flex;align-items:center;gap:12px;margin-bottom:10px}.tc .hr-rule>b{font-family:var(--mono);font-size:11px;font-weight:600;color:var(--ink-2);white-space:nowrap}.tc .hr-rule>i{flex:1;border-top:1px solid var(--hairline-2)}.tc .pt-head{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;padding:7px 10px;border-bottom:1px solid var(--hairline);font-size:10.5px;font-weight:650;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3)}.tc .pt-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:16px;padding:10px;border-radius:8px;cursor:pointer;transition:background var(--t-fast) ease}.tc .pt-row:hover{background:var(--surface-2)}.tc .pt-chev{color:var(--ink-3);flex:none;transition:transform var(--t-med) var(--ease-out)}.tc .pt-chev.open{transform:rotate(90deg)}.tc .pt-sub{border:1px solid var(--hairline-2);border-radius:9px;background:var(--surface);display:flex;align-items:center;gap:0;padding:8px 14px;overflow:hidden}.tc .pt-time{display:inline-flex;align-items:center;gap:7px;padding:5px 8px;border-radius:6px;font-size:12px;font-weight:550;color:var(--ink-2);cursor:pointer;transition:background var(--t-fast) ease,color var(--t-fast) ease}.tc .pt-time:hover{background:var(--accent-bg);color:var(--accent-ink)}.tc .pt-time svg{color:var(--ink-3);transition:color var(--t-fast) ease,transform var(--t-fast) ease}.tc .pt-time:hover svg{color:var(--accent-ink);transform:translate(2px)}.tc .tbl .cell-lnk{cursor:pointer;font-weight:500;color:var(--ink);transition:color var(--t-fast) ease}.tc .tbl .cell-lnk:hover{color:var(--accent-ink)}.tc .chip.info{color:var(--accent-ink);background:var(--accent-bg)}.tc .chip.mute{color:var(--ink-2);background:var(--surface-2)}.tc .tfoot-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;border-top:1px solid var(--hairline);font-size:11.5px;color:var(--ink-3);background:var(--surface);flex:none}.tc .dr.half{width:55%;min-width:400px}.tc .dr.wide{width:min(1150px,96vw)}.tc .dr-sub{font-size:11px;color:var(--ink-3);margin-top:1px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.tc .stat{text-align:center;padding:5px 13px;border:1px solid var(--hairline-2);border-radius:9px;background:var(--surface-2)}.tc .stat .l{font-size:9.5px;font-weight:650;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3)}.tc .stat .v{font-family:var(--mono);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink);margin-top:1px}.tc .stat.hot{border-color:#d03b3b40;background:#d03b3b0f}.tc .stat.hot .v{color:var(--danger)}.tc .vbtn{color:#fff;transition:color var(--t-fast) ease,transform var(--t-fast) ease}.tc .vbtn:hover{color:var(--viz-2)}.tc .vbtn:active{transform:scale(.92)}.tc .pp{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);color:var(--ink-2);transition:background var(--t-fast) ease,color var(--t-fast) ease}.tc .pp:hover{background:var(--hairline)}.tc .pp.on{background:var(--accent);color:#fff}.tc .pp.on:hover{background:var(--accent-ink)}.tc .seg button{display:inline-flex;align-items:center;gap:6px}.tc .seg button.on{background:var(--surface);box-shadow:inset 0 0 0 1px var(--hairline),0 1px 2px rgba(var(--shadow-c),.06)}.tc .seg .ct{min-width:18px;height:16px;padding:0 5px;display:inline-grid;place-items:center;border-radius:99px;font-size:10px;font-weight:650;font-variant-numeric:tabular-nums;background:var(--surface-2);color:var(--ink-3);box-shadow:inset 0 0 0 1px var(--hairline);transition:background var(--t-fast) ease,color var(--t-fast) ease}.tc .seg button.on .ct{background:var(--accent-bg);color:var(--accent-ink);box-shadow:none}.tc .avat{width:28px;height:28px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:10px;font-weight:650;background:var(--accent-bg);color:var(--accent-ink)}.tc .urow{display:flex;align-items:center;gap:12px;padding:9px 16px;border-bottom:1px solid var(--hairline-2);transition:background var(--t-fast) ease}.tc .urow:last-child{border-bottom:0}.tc .urow:hover{background:var(--surface-2)}.tc .urow .u-nm{font-size:12.5px;font-weight:500;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tc .urow .u-em{font-size:11px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tc .toggle:disabled,.tc .toggle[aria-disabled=true]{opacity:.45;cursor:not-allowed}.tc .modal-veil{position:fixed;inset:0;z-index:2300;background:var(--overlay);display:flex;align-items:center;justify-content:center;padding:16px;animation:dr-fade var(--t-med) ease both}.tc .modal{width:min(480px,100%);background:var(--surface);border:1px solid var(--hairline);border-radius:14px;box-shadow:var(--shadow-lg);padding:20px 22px;animation:modal-in var(--t-med) var(--ease-out) both}.tc .modal.wide{width:min(580px,100%)}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.tc .modal h2{font-size:15px;font-weight:600;color:var(--ink);margin-bottom:7px}.tc .modal p{font-size:12.5px;color:var(--ink-2);line-height:1.55}.tc .modal-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.tc .modal-ic{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;margin-bottom:12px;background:var(--surface-2);color:var(--ink-2)}.tc .modal-ic.warn{background:#e0a0151f;color:var(--warn-ink)}.tc .modal-ic.bad{background:#d03b3b1a;color:var(--danger)}.tc .savebar{position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--surface);border-top:1px solid var(--hairline);box-shadow:0 -10px 28px -16px rgba(var(--shadow-c),.22);padding:12px 24px 12px calc(var(--sidebar-width, 80px) + 24px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;font-size:12.5px;color:var(--ink-2);animation:savebar-in var(--t-med) var(--ease-out) both}@keyframes savebar-in{0%{transform:translateY(100%)}to{transform:none}}.tc .toastc{position:fixed;top:16px;right:16px;z-index:2147483647;display:flex;align-items:flex-start;gap:10px;max-width:420px;background:var(--surface);border:1px solid var(--hairline);border-left:3px solid var(--s-good);border-radius:10px;box-shadow:var(--shadow-lg);padding:11px 13px;font-size:12.5px;color:var(--ink);animation:toast-in var(--t-med) var(--ease-out) both}.tc .toastc.err{border-left-color:var(--danger)}.tc .toastc.bl{top:auto;bottom:20px}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.tc .banner{display:flex;align-items:flex-start;gap:10px;padding:11px 14px;border:1px solid var(--hairline);border-radius:10px;background:var(--surface);font-size:12.5px;color:var(--ink-2);line-height:1.5}.tc .banner svg{flex:none;margin-top:1px;color:var(--ink-3)}.tc .banner.good{border-color:#0ca30c40;background:#0ca30c0d;color:var(--s-good-ink)}.tc .banner.good svg{color:var(--s-good)}.tc .banner.bad{border-color:#d03b3b40;background:#d03b3b0a;color:#a52c2c}.tc .banner.bad svg{color:var(--danger)}.tc .banner.warn{border-color:#e0a0154d;background:#e0a0150f;color:var(--warn-ink)}.tc .banner.warn svg{color:var(--warn-ink)}.tc .opt{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;border:1px solid var(--hairline);border-radius:10px;background:var(--surface);text-align:left;cursor:pointer;transition:border-color var(--t-fast) ease,background var(--t-fast) ease,box-shadow var(--t-fast) ease}.tc .opt:hover{border-color:color-mix(in srgb,var(--ink) 20%,var(--hairline))}.tc .opt.on{border-color:var(--accent);background:var(--accent-bg);box-shadow:0 0 0 3px var(--accent-bg)}.tc .opt b{font-size:12.5px;font-weight:600;color:var(--ink)}.tc .opt small{font-size:10px;letter-spacing:.06em;text-transform:uppercase;font-weight:650;color:var(--ink-3)}.tc .opt.on b,.tc .opt.on small{color:var(--accent-ink)}.tc .step-n{width:26px;height:26px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:12px;font-weight:650;font-variant-numeric:tabular-nums;background:var(--accent-bg);color:var(--accent-ink)}.tc .btn.lg{height:38px;padding:0 17px;font-size:13px;border-radius:9px}.tc .spin{width:14px;height:14px;border-radius:50%;flex:none;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:spin-r .7s linear infinite}.tc .spin.dark{border-color:var(--hairline);border-top-color:var(--ink-2)}@keyframes spin-r{to{transform:rotate(360deg)}}.tc .tbl.plain th{cursor:default}.tc .mono{font-family:var(--mono)}