*,: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:currentColor}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,ui-sans-serif,system-ui,sans-serif;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]){-webkit-text-decoration:underline dotted;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,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,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::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}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}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.inset-y-0{top:0;bottom:0}.-right-2{right:-.5rem}.-top-2{top:-.5rem}.left-0{left:0}.top-0{top:0}.top-1\/2{top:50%}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-\[60\]{z-index:60}.m-0{margin:0}.mb-0\.5{margin-bottom:.125rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.ml-1\.5{margin-left:.375rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.\!grid{display:grid!important}.grid{display:grid}.hidden{display:none}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-full{height:100%}.max-h-\[88vh\]{max-height:88vh}.max-h-\[calc\(100vh-235px\)\]{max-height:calc(100vh - 235px)}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-3{width:.75rem}.w-3\/5{width:60%}.w-4{width:1rem}.w-8{width:2rem}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-\[72px\]{min-width:72px}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.-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))}.-translate-y-full{--tw-translate-y: -100%;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-1{--tw-rotate: 1deg;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))}.animate-\[fadeIn_120ms_ease-out\]{animation:fadeIn .12s ease-out}.animate-\[popIn_140ms_ease-out\]{animation:popIn .14s ease-out}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.gap-4{gap:1rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-1{row-gap:.25rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.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))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded,.rounded-2xl{border-radius:8px}.rounded-full{border-radius:9999px}.rounded-lg,.rounded-md,.rounded-sm{border-radius:8px}.rounded-l{border-top-left-radius:8px;border-bottom-left-radius:8px}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-r{border-top-right-radius:8px;border-bottom-right-radius:8px}.rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-line{border-color:var(--line)}.border-line-2{border-color:var(--line2)}.border-transparent{border-color:transparent}.border-warn{border-color:var(--warn)}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.bg-\[rgba\(16\,20\,30\,\.42\)\]{background-color:#10141e6b}.bg-accent{background-color:var(--accent)}.bg-accent-soft{background-color:var(--accent-soft)}.bg-bad{background-color:var(--bad)}.bg-bad-soft{background-color:var(--bad-soft)}.bg-brand-blue{background-color:var(--brand-blue)}.bg-canvas{background-color:var(--bg)}.bg-ink-2{background-color:var(--ink2)}.bg-line{background-color:var(--line)}.bg-line-2{background-color:var(--line2)}.bg-ok{background-color:var(--ok)}.bg-ok-soft{background-color:var(--ok-soft)}.bg-warn{background-color:var(--warn)}.bg-warn-soft{background-color:var(--warn-soft)}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.p-0{padding:0}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.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-5{padding-left:1.25rem;padding-right:1.25rem}.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-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pb-1\.5{padding-bottom:.375rem}.pb-3{padding-bottom:.75rem}.pl-6{padding-left:1.5rem}.pl-7{padding-left:1.75rem}.pr-2{padding-right:.5rem}.pt-0{padding-top:0}.pt-0\.5{padding-top:.125rem}.text-left{text-align:left}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.text-accent{color:var(--accent)}.text-accent-tua{color:var(--accent-tua)}.text-bad{color:var(--bad)}.text-ink{color:var(--ink)}.text-ink-2{color:var(--ink2)}.text-ink-3{color:var(--ink3)}.text-ok{color:var(--ok)}.text-ok-tua{color:var(--ok-tua)}.text-warn{color:var(--warn)}.text-warn-tua{color:var(--warn-tua)}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.line-through{text-decoration-line:line-through}.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-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px 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-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 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 rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px 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-none{outline:2px solid transparent;outline-offset:2px}.ring-1{--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)}.ring-warn-soft{--tw-ring-color: var(--warn-soft)}.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-\[1px\]{--tw-backdrop-blur: blur(1px);-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}:root{--brand-indigo: #5d5ded;--brand-red: #a50000;--brand-orange: #ff6700;--brand-green: #20c994;--brand-blue: #4db9f4;--brand-cyan: #1ac3ec;--brand-yellow: #fce762;--brand-teal: #7fd8be;--grad-ai: linear-gradient(135deg, #5d5ded 0%, #1ac3ec 100%);--ink: #1a1d29;--ink2: #6b7280;--ink3: #9aa1ad;--bg: #f5f6f8;--surface: #ffffff;--line: #e6e8ec;--line2: #eef0f3;--accent: #1273ae;--accent-soft: #e7f3fb;--accent-tua: #0e5883;--ok: #16915a;--ok-soft: #e8f5ee;--ok-tua: #12784a;--warn: #b9791a;--warn-soft: #fbf3e6;--warn-tua: #8a5a10;--bad: #cf3f3a;--bad-soft: #fcecec;--bad-tua: #bc352f;--info: #2563c9;--info-soft: #eaf1fc;--info-tua: #1e56ae;--r: 8px;--r-sm: 8px;--shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 1px 3px rgba(16, 24, 40, .06)}html,body,#root{height:100%}body{font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:var(--bg);color:var(--ink);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{letter-spacing:-.01em}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}*{scrollbar-width:thin;scrollbar-color:var(--line) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent;border-radius:inherit;margin:2px}*::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px;border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--ink3);background-clip:content-box}*::-webkit-scrollbar-button,*::-webkit-scrollbar-button:single-button,*::-webkit-scrollbar-button:double-button,*::-webkit-scrollbar-button:decrement,*::-webkit-scrollbar-button:increment,*::-webkit-scrollbar-button:start,*::-webkit-scrollbar-button:end,*::-webkit-scrollbar-button:vertical,*::-webkit-scrollbar-button:horizontal,*::-webkit-scrollbar-button:vertical:decrement,*::-webkit-scrollbar-button:vertical:increment,*::-webkit-scrollbar-button:horizontal:decrement,*::-webkit-scrollbar-button:horizontal:increment,*::-webkit-scrollbar-button:start:decrement,*::-webkit-scrollbar-button:end:increment,*::-webkit-scrollbar-button:vertical:start:decrement,*::-webkit-scrollbar-button:vertical:end:increment,*::-webkit-scrollbar-button:horizontal:start:decrement,*::-webkit-scrollbar-button:horizontal:end:increment{display:none;width:0;height:0;background:transparent;background-image:none}*::-webkit-scrollbar-corner,*::-webkit-resizer{background:transparent}.nav,.datepop-grid.gulir,.selectpop{scrollbar-width:none}.nav::-webkit-scrollbar,.datepop-grid.gulir::-webkit-scrollbar,.selectpop::-webkit-scrollbar{width:0;height:0;display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.btn{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-weight:600;font-size:13px;padding:9px 14px;border-radius:var(--r-sm);cursor:pointer;font-family:inherit;line-height:1.2}.btn:hover:not(:disabled){background:var(--line2)}.btn:disabled{opacity:.55;cursor:default}.btn.pri{background:var(--accent);border-color:var(--accent);color:#fff}.btn.pri:hover:not(:disabled){background:var(--accent-tua)}.btn.bad{background:var(--surface);border-color:var(--brand-red);color:var(--brand-red)}.btn.bad:hover:not(:disabled){background:var(--bad-soft)}.btn.sm{padding:7px 13px;font-size:12.5px}@media (max-width: 900px){.btn{min-height:44px}}.field{margin-bottom:14px}.field label{display:block;font-size:12.5px;font-weight:600;color:var(--ink2);margin-bottom:6px}.field input,.field textarea,.field select,.inp{width:100%;border:1px solid var(--line);border-radius:var(--r-sm);padding:9px 12px;font-size:13.5px;font-family:inherit;outline:none;background:var(--surface);color:var(--ink);box-sizing:border-box}.field textarea{resize:vertical;min-height:64px;line-height:1.5}.field input:focus,.field textarea:focus,.field select:focus,.inp:focus{border-color:var(--accent)}.field input::-moz-placeholder,.field textarea::-moz-placeholder,.inp::-moz-placeholder{color:var(--ink3)}.field input::placeholder,.field textarea::placeholder,.inp::placeholder{color:var(--ink3)}.tag{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:9999px;white-space:nowrap}.t-ok{background:var(--ok-soft);color:var(--ok-tua)}.t-warn{background:var(--warn-soft);color:var(--warn-tua)}.t-bad{background:var(--bad-soft);color:var(--bad-tua)}.t-info{background:var(--info-soft);color:var(--info-tua)}.t-mut{background:var(--line2);color:var(--ink2)}.t-accent{background:var(--accent-soft);color:var(--accent-tua)}.chip{border:1px solid var(--line);background:var(--surface);border-radius:var(--r-sm);padding:7px 13px;font-size:12.5px;font-weight:500;color:var(--ink2);cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.chip:hover{border-color:var(--accent)}.chip.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-tua);font-weight:600}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r)}.card.pad{padding:18px}.card-h{padding:15px 18px;border-bottom:1px solid var(--line2);display:flex;align-items:center;justify-content:space-between;gap:10px}.card-h h3{font-size:14.5px;font-weight:600}.empty{text-align:center;padding:46px 20px;color:var(--ink2)}.empty .e-ic{width:54px;height:54px;border-radius:var(--r);background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;margin:0 auto 12px}.empty h4{font-size:15px;color:var(--ink);font-weight:600;margin-bottom:4px}.empty p{font-size:13px;max-width:340px;margin:0 auto 14px}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#10141e6b;display:flex;z-index:50;align-items:center;justify-content:center;padding:16px;animation:fadeIn .15s ease}.sheet{background:var(--surface);width:100%;max-width:560px;border-radius:var(--r);padding:24px;box-shadow:0 12px 48px #1018282e;animation:popIn .18s ease;max-height:92vh;overflow-y:auto}.sheet.wide{max-width:860px}.sheet h3{font-size:17px;font-weight:600;margin-bottom:5px}.sheet .sd{font-size:13.5px;color:var(--ink2);margin-bottom:18px}.sheet .ft{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:#fff}.login-card{font-family:Montserrat,Inter,ui-sans-serif,system-ui,sans-serif;width:100%;max-width:412px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 12px 48px #1018281a;padding:32px}.login-card .lg{display:flex;align-items:center;gap:12px;margin-bottom:24px}.login-card .lg img{width:44px;height:44px;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.login-card .lg .nm{font-weight:600;font-size:15px;line-height:1.25;letter-spacing:-.01em}.login-card .lg .by{font-size:11.5px;font-weight:500;color:var(--ink3);margin-top:2px}.login-card h1{font-size:22px;font-weight:700;letter-spacing:-.02em}.login-card .btn{line-height:1.5}.login-card p.sub{color:var(--ink2);font-size:13.5px;margin:6px 0 24px}.login-err{background:var(--bad-soft);color:var(--bad-tua);border:1px solid var(--bad);font-size:12.5px;font-weight:500;padding:9px 12px;border-radius:var(--r-sm);margin-bottom:14px}.pwd-wrap{position:relative}.pwd-wrap input{padding-right:44px}.pwd-toggle{position:absolute;top:50%;right:6px;transform:translateY(-50%);width:32px;height:32px;border:none;background:none;border-radius:50%;color:var(--ink3);cursor:pointer;display:grid;place-items:center}.pwd-toggle:hover{color:var(--ink2);background:var(--line2)}.pwd-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.login-or{display:flex;align-items:center;gap:10px;margin:16px 0;color:var(--ink3);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.login-or:before,.login-or:after{content:"";flex:1;height:1px;background:var(--line)}.btn.sso{width:100%;justify-content:center}.login-card .hint{font-size:11.5px;color:var(--ink3)}@media (max-width: 900px){.login-card{padding:24px}}.app{display:grid;grid-template-columns:236px 1fr;min-height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{font-family:Montserrat,Inter,ui-sans-serif,system-ui,sans-serif;display:flex;align-items:center;gap:10px;height:60px;padding:0 18px;box-sizing:border-box;border-bottom:1px solid var(--line)}.brand .logo-img{width:30px;height:30px;border-radius:var(--r-sm);-o-object-fit:contain;object-fit:contain;flex-shrink:0}.brand .nm{font-weight:600;font-size:14px;letter-spacing:-.01em;line-height:1.2}.brand .sub{font-size:11px;color:var(--ink3);font-weight:500}.nav{padding:10px;overflow-y:auto;flex:1}.nav .grp{font-size:10.5px;font-weight:600;color:var(--ink3);text-transform:uppercase;letter-spacing:.06em;padding:10px 10px 4px}.nav a{display:flex;align-items:center;gap:11px;padding:5px 10px;border-radius:var(--r-sm);color:var(--ink2);font-weight:500;font-size:13.5px;margin-bottom:1px;cursor:pointer;width:100%;border:none;background:none;font-family:inherit;text-align:left}.nav a svg{color:var(--ink3);flex-shrink:0}.nav a:hover{color:var(--accent)}.nav a:hover svg{color:var(--accent)}.nav a.active{background:var(--accent-soft);color:var(--accent-tua)}.nav a.active svg{color:var(--accent)}.navfoot{padding:8px 10px;border-top:1px solid var(--line2)}.navfoot-a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r-sm)}.navfoot-a .av-sm{width:30px;height:30px;border-radius:50%;background:var(--accent-tua);color:#fff;display:grid;place-items:center;font-weight:600;font-size:12px;flex-shrink:0}.navfoot-a .t{font-size:13px;font-weight:600;line-height:1.2}.navfoot-a .d{font-size:11px;color:var(--ink3)}.main{display:flex;flex-direction:column;min-width:0}.topbar{height:60px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:0 22px;position:sticky;top:0;z-index:20}.judul{font-size:15px;font-weight:600;color:var(--ink);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spacer{flex:1}.iconbtn{width:38px;height:38px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;cursor:pointer;color:var(--ink2)}.iconbtn:hover{background:var(--line2)}.content{padding:22px 24px 60px;width:100%;min-width:0}.menu-btn{display:none;width:38px;height:38px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface);place-items:center;cursor:pointer;color:var(--ink2)}.sidebar-backdrop{display:none}@media (max-width: 860px){.app{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;z-index:60;width:236px;transform:translate(-100%);transition:transform .24s cubic-bezier(.4,0,.2,1)}.sidebar.open{transform:translate(0);box-shadow:6px 0 24px #00000026}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:#10141e6b;opacity:0;pointer-events:none;transition:opacity .24s ease}.sidebar-backdrop.on{opacity:1;pointer-events:auto}.menu-btn{display:grid}.content{padding:16px 14px 48px}.topbar{gap:8px;padding:0 12px}}.gate{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:32px;color:var(--ink2);background:var(--surface)}.gate p{font-size:13.5px}.gate-spin{color:var(--accent);animation:gate-rotate .9s linear infinite}@keyframes gate-rotate{to{transform:rotate(360deg)}}.skel{background:linear-gradient(90deg,#eef0f3 25%,#f6f7f9,#eef0f3 75%);background-size:200% 100%;animation:sh 1.3s infinite;border-radius:var(--r-sm)}@keyframes sh{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.gate-spin{animation-duration:2.4s}.skel{animation:none}}.nav .navparent{display:flex;align-items:center;gap:11px;padding:5px 10px;border-radius:var(--r-sm);color:var(--ink2);font-weight:500;font-size:13.5px;margin-bottom:1px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;border:none;background:none;font-family:inherit;text-align:left}.nav .navparent svg{color:var(--ink3);flex-shrink:0}.nav .navparent svg.chev{margin-left:auto}.nav .navparent .titik+svg.chev{margin-left:8px}.nav .navparent:hover{color:var(--accent)}.nav .navparent:hover svg:not(.chev){color:var(--accent)}.nav .navparent.on{color:var(--accent-tua)}.nav .navparent.on svg:not(.chev){color:var(--accent)}.nav .subnav{margin:1px 0 4px 19px;padding-left:14px;border-left:1px solid var(--line2)}.nav .subnav a{padding:4px 10px;font-size:12.7px;gap:8px}@media (max-width: 900px){.nav a,.nav .navparent,.nav .subnav a{min-height:44px}}.nav a .badge{margin-left:auto;background:var(--bad);color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:999px;display:grid;place-items:center;padding:0 5px}.nav .navparent .titik{margin-left:auto;width:7px;height:7px;border-radius:50%;background:var(--bad);flex:none}.navfoot-keluar{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;background:none;border-radius:var(--r-sm);color:var(--bad);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;text-align:left}.navfoot-keluar:hover{background:var(--bad-soft)}.field select:hover,select.inp:hover{border-color:var(--accent)}.field select:disabled,select.inp:disabled{background:var(--line2);color:var(--ink3);cursor:default}.search{flex:1;min-width:200px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:var(--r-sm);padding:9px 13px;background:var(--surface);box-sizing:border-box}.search svg{color:var(--ink3);flex-shrink:0}.search:hover{border-color:var(--accent)}.datetrig.open{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.datetrig .chev{color:var(--ink3);transition:transform .16s ease}.datetrig.open .chev{transform:rotate(180deg)}.datepop{position:fixed;z-index:80;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 8px 30px #10182824;padding:12px;box-sizing:border-box}.datepop-h{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:8px}.datepop-nav{cursor:pointer;padding:5px;border:none;background:none;border-radius:var(--r-sm);color:var(--ink2);display:grid;place-items:center}.datepop-nav:hover{background:var(--line2);color:var(--ink)}.datepop-nav:disabled{opacity:.3;cursor:default}.datepop-judul{display:inline-flex;align-items:center;gap:5px;border:none;background:transparent;font-family:inherit;font-size:13px;font-weight:600;color:var(--ink);cursor:pointer;padding:5px 9px;border-radius:var(--r-sm)}.datepop-judul:hover{background:var(--line2)}.datepop-judul svg{color:var(--ink3);transition:transform .16s ease}.datepop-judul:hover svg{transform:rotate(180deg)}.datepop-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}.datepop-grid.tiga{grid-template-columns:repeat(3,1fr);gap:4px}.datepop-grid.gulir{max-height:212px;overflow-y:auto}.datepop-hari{font-size:10.5px;color:var(--ink3);font-weight:600;padding:4px 0}.datepop-sel{padding:6px 0;border:none;background:none;font-family:inherit;border-radius:var(--r-sm);cursor:pointer;font-size:12.5px;font-weight:500;color:var(--ink)}.datepop-sel:hover{background:var(--line2)}.datepop-sel.besar{padding:10px 0;font-size:13px}.datepop-sel.on{background:var(--accent);color:#fff;font-weight:700}.datepop-sel.on:hover{background:var(--accent-tua)}.hd{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}.hd h1{font-size:18px;font-weight:600;color:var(--ink);letter-spacing:-.01em}.hd p{font-size:13.5px;color:var(--ink2);margin-top:3px;max-width:68ch}.chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.saring{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink2)}.saring select{max-width:260px}.catatan{font-size:12.5px;color:var(--ink3)}.sub-h{font-size:12px;font-weight:600;color:var(--ink2);margin-bottom:6px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:14px 16px;display:flex;flex-direction:column;gap:2px;min-width:0}.stat .k{font-size:12px;color:var(--ink2);font-weight:500}.stat b{font-size:24px;font-weight:700;color:var(--ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat .s{font-size:11.5px;color:var(--ink3)}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.kolom{display:flex;flex-direction:column;gap:14px;min-width:0}.chart-h{margin-bottom:12px}.chart-h h3{font-size:14.5px;font-weight:600;color:var(--ink)}.chart-h p{font-size:12.5px;color:var(--ink2);margin-top:2px}.chart figure{margin:0}.chart-badan{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.chart-kosong{padding:28px 12px;text-align:center;color:var(--ink3);font-size:13px}.donut{flex-shrink:0;width:100%;height:auto}.donut path{transition:opacity .14s ease;cursor:default}.donut-angka{font-size:22px;font-weight:700;fill:var(--ink);font-variant-numeric:tabular-nums}.donut-label{font-size:10.5px;fill:var(--ink3)}.chart-legenda{flex:1;min-width:190px;display:flex;flex-direction:column;gap:2px}.chart-legenda li{display:grid;grid-template-columns:10px 1fr auto auto;align-items:center;gap:8px;padding:4px 6px;border-radius:var(--r-sm);font-size:12.5px}.chart-legenda li.on{background:var(--line2)}.chart-legenda .sw{width:10px;height:10px;border-radius:3px}.chart-legenda .nm{color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart-legenda .vl{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}.chart-legenda .pc{color:var(--ink3);font-variant-numeric:tabular-nums;min-width:40px;text-align:right}.chart-tabel{margin-top:14px;border-top:1px solid var(--line2);padding-top:12px}.bars{position:relative;width:100%}.bars-baca{font-size:12.5px;color:var(--ink2);margin-bottom:8px;min-height:18px}.bars-baca b{color:var(--ink);font-variant-numeric:tabular-nums}.bars-garis{position:absolute;left:0;right:0;height:1px;background:var(--line);pointer-events:none}.bars-row{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;gap:2px}.bar-slot{flex:1;min-width:2px;height:100%;display:flex;align-items:flex-end;border-radius:4px}.bar-slot:hover,.bar-slot.on{background:var(--line2)}.bar{width:100%;min-height:2px;transition:height .18s ease}.bars-x{display:flex;gap:2px;margin-top:6px}.bars-x-sel{flex:1;min-width:0;font-size:10px;color:var(--ink3);text-align:left;white-space:nowrap}.rank ul{display:flex;flex-direction:column;gap:8px}.rank li{display:grid;grid-template-columns:minmax(90px,150px) 1fr auto;align-items:center;gap:10px;font-size:12.5px}.rank-nm{color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-track{height:10px;background:var(--line2);overflow:hidden}.rank-bar{display:block;height:100%}.rank-vl{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums;display:flex;gap:6px;align-items:baseline}.rank-vl em{font-style:normal;font-weight:400;color:var(--ink3);font-size:11.5px}.rank-sisa{margin-top:10px;font-size:12px;color:var(--ink3)}.prog{display:flex;flex-direction:column;gap:10px}.prog-row{display:grid;grid-template-columns:minmax(90px,150px) 1fr auto;align-items:center;gap:10px;font-size:12.5px}.prog-nm{color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prog-track{height:10px;background:var(--line2);overflow:hidden}.prog-bar{display:block;height:100%}.prog-vl{font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.prog-sub{grid-column:2 / -1;font-size:11.5px;color:var(--ink3);margin-top:-4px}.tablewrap{overflow-x:auto}.tablewrap table{width:100%;border-collapse:collapse;font-size:12.5px}.tablewrap th,.tablewrap td{padding:9px 14px;text-align:left;border-bottom:1px solid var(--line2);white-space:nowrap}.tablewrap thead th{font-size:11.5px;font-weight:600;color:var(--ink2);background:var(--bg)}.tablewrap tbody tr:hover{background:var(--line2)}.tablewrap tbody tr:last-child th,.tablewrap tbody tr:last-child td{border-bottom:0}.tablewrap tbody th{font-weight:600;color:var(--ink)}.tablewrap .num{text-align:right;font-variant-numeric:tabular-nums}.tablewrap a{color:var(--accent);text-decoration:none}.tablewrap a:hover{text-decoration:underline}.daftar{display:flex;flex-direction:column}.daftar li{display:grid;grid-template-columns:16px 1fr auto;align-items:baseline;gap:8px;padding:10px 16px;border-bottom:1px solid var(--line2);font-size:13px}.daftar li:last-child{border-bottom:0}.daftar li:hover{background:var(--line2)}.daftar li.kosong{display:block;color:var(--ink3);font-size:12.5px;padding:18px 16px}.daftar-utama{color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.daftar-utama a{color:var(--ink);text-decoration:none}.daftar-utama a:hover{color:var(--accent);text-decoration:underline}.daftar-sub{grid-column:2 / -1;font-size:11.5px;color:var(--ink3)}.papan-warna{width:10px;height:10px;border-radius:3px;flex-shrink:0}.papan-kolom{display:flex;gap:16px;overflow-x:auto;padding-bottom:6px}.kal-nav{display:flex;align-items:center;gap:8px}.kal-judul{font-size:14px;font-weight:600;color:var(--ink);min-width:88px;text-align:center}.kal-wrap{overflow:hidden}.kal-hari{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid var(--line);background:var(--bg)}.kal-hari span{padding:8px 6px;font-size:11px;font-weight:600;color:var(--ink2);text-align:center}.kal-grid{display:grid;grid-template-columns:repeat(7,1fr)}.kal-sel{position:relative;min-height:104px;border-right:1px solid var(--line2);border-bottom:1px solid var(--line2);padding:6px;text-align:left;background:var(--surface);display:flex;flex-direction:column;gap:4px;cursor:pointer;font-family:inherit;overflow:hidden}.kal-sel:nth-child(7n){border-right:0}.kal-grid>.kal-sel:nth-last-child(-n+7):nth-child(7n+1){border-bottom-left-radius:calc(var(--r) - 1px)}.kal-grid>.kal-sel:last-child{border-bottom-right-radius:calc(var(--r) - 1px)}.kal-sel.kosong{background:var(--bg);cursor:default}.kal-sel:not(.kosong):hover{background:var(--line2)}.kal-sel.pilih{background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent)}.kal-tgl{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;color:var(--ink2)}.kal-sel.kini .kal-tgl{color:var(--accent-tua);font-weight:700;position:relative;z-index:1}.kal-sel.kini:before{content:"";position:absolute;top:4px;left:4px;width:22px;height:22px;border-radius:50%;background:var(--accent-soft)}.kal-jml{font-style:normal;font-size:10px;font-weight:600;color:var(--ink3)}.kal-isi{display:flex;flex-direction:column;gap:2px;min-width:0}.kal-ev{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--ink2);background:var(--line2);border-radius:4px;padding:2px 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kal-ev.ok{background:var(--ok-soft);color:var(--ok-tua)}.kal-ev i{width:6px;height:6px;border-radius:50%;flex-shrink:0}.kal-sisa{font-size:10.5px;color:var(--ink3);padding-left:5px}.kal-legenda{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--ink2)}.kal-lg{display:inline-flex;align-items:center;gap:5px}.kal-lg i{width:9px;height:9px;border-radius:3px}.status-banner{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:var(--r);border:1px solid var(--line)}.status-banner.t-ok{background:var(--ok-soft);border-color:var(--ok-soft);color:var(--ok-tua)}.status-banner.t-warn{background:var(--warn-soft);border-color:var(--warn-soft);color:var(--warn-tua)}.status-banner.t-bad{background:var(--bad-soft);border-color:var(--bad-soft);color:var(--bad-tua)}.status-banner.t-info{background:var(--info-soft);border-color:var(--info-soft);color:var(--info-tua)}.status-banner>div{display:flex;flex-direction:column;min-width:0}.status-banner b{font-size:15px;font-weight:600}.status-banner span{font-size:12.5px;opacity:.85}.status-wkt{margin-left:auto;font-size:11.5px;opacity:.75;white-space:nowrap}.komponen{display:flex;flex-direction:column}.komponen li{padding:13px 16px;border-bottom:1px solid var(--line2);font-size:13px}.komponen li:last-child{border-bottom:0}.komponen-h{display:flex;align-items:center;justify-content:space-between;gap:12px}.komponen-nm{color:var(--ink);min-width:0;overflow:hidden;text-overflow:ellipsis}.uptime{display:flex;gap:2px;margin-top:10px;height:28px;align-items:stretch}.uptime-b{flex:1;min-width:2px;border-radius:2px}.uptime-b.d-none{background:var(--brand-green)}.uptime-b.d-minor{background:var(--brand-yellow)}.uptime-b.d-major{background:var(--brand-orange)}.uptime-b.d-critical{background:var(--brand-red)}.uptime-b:hover{opacity:.7}.uptime-kaki{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px;font-size:11px;color:var(--ink3)}.uptime-kaki span:nth-child(2){color:var(--ink2);font-variant-numeric:tabular-nums}.insiden-list{display:flex;flex-direction:column}.insiden{padding:14px 16px;border-bottom:1px solid var(--line2)}.insiden:last-child{border-bottom:0}.insiden-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.insiden-h b{font-size:13.5px;color:var(--ink);font-weight:600}.insiden-jadwal{font-size:12px;color:var(--ink2);margin-top:4px}.insiden-u{margin-top:8px;display:flex;flex-direction:column;gap:8px}.insiden-u li{border-left:2px solid var(--line);padding-left:10px;display:flex;flex-direction:column;gap:2px}.u-st{font-size:11.5px;font-weight:600;color:var(--ink2)}.u-body{font-size:12.5px;color:var(--ink);line-height:1.55}.u-wkt{font-size:11px;color:var(--ink3)}.datepop-grid>[role=row]{display:contents}.datepop-grid [role=gridcell]{display:block;min-width:0}.datepop-grid [role=gridcell]>.datepop-sel{width:100%}.datepop-hari abbr{text-decoration:none}.datetrig{width:100%;text-align:left;font-family:inherit}.datetrig-nilai{flex:1;font-size:13.5px;color:var(--ink)}.datetrig-nilai.kosong{color:var(--ink3)}@media (max-width: 900px){.stats,.grid2{grid-template-columns:1fr}.pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.pcard.sunting{grid-column:1 / -1}.pager{flex-wrap:wrap;justify-content:center}.hd{flex-direction:column;align-items:stretch}.hd h1{font-size:17px}.chart-badan{flex-direction:column;align-items:stretch}.donut{max-width:200px;margin-inline:auto}.chart-legenda{min-width:0}.kal-sel{min-height:62px;padding:4px}.kal-ev{font-size:0;gap:0;padding:2px;background:transparent}.kal-ev.ok{background:transparent}.kal-ev i{width:7px;height:7px}.kal-isi{flex-direction:row;flex-wrap:wrap;gap:3px}.kal-sisa{font-size:9.5px;padding-left:0}.kal-nav{width:100%;justify-content:space-between}.rank li,.prog-row{grid-template-columns:minmax(70px,110px) 1fr auto}.daftar li{grid-template-columns:16px 1fr}.daftar li .tag{grid-column:2;justify-self:start}.status-banner{flex-wrap:wrap}.status-wkt{margin-left:0;width:100%}.datetrig{min-height:44px}.datepop-sel{padding:9px 0}.saring{width:100%}.saring select{max-width:100%;width:100%}}.selectbox{position:relative;display:flex;align-items:center;gap:8px;width:100%;border:1px solid var(--line);border-radius:var(--r-sm);padding:9px 12px;font-size:13.5px;font-family:inherit;color:var(--ink);background:var(--surface);cursor:pointer;outline:none;min-height:38px;box-sizing:border-box}.selectbox:hover{border-color:var(--accent)}.selectbox:focus-visible,.selectbox.open{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.selectbox.disabled{background:var(--line2);color:var(--ink3);cursor:default}.selectbox .nilai{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selectbox .placeholder{flex:1;color:var(--ink3)}.selectbox .chev{color:var(--ink3);flex-shrink:0;transition:transform .16s ease}.selectbox.open .chev{transform:rotate(180deg)}.selectpop{position:fixed;z-index:80;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 8px 30px #10182824;overflow-y:auto;padding:4px}.selectpop li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 11px;border-radius:var(--r-sm);font-size:13.5px;color:var(--ink);cursor:pointer}.selectpop li.sorot{background:var(--line2)}.selectpop li.terpilih{color:var(--accent-tua);font-weight:600}.selectpop li.terpilih.sorot{background:var(--accent-soft)}.selectpop li.kosong{color:var(--ink3);cursor:default}.selectpop li.tambah{color:var(--accent);font-weight:600;border-top:1px solid var(--line2);margin-top:4px}@media (max-width: 900px){.selectbox{min-height:44px}}.tip{position:fixed;z-index:90;max-width:260px;background:var(--ink);color:#fff;font-size:12px;line-height:1.45;padding:7px 10px;border-radius:var(--r-sm);box-shadow:0 8px 30px #10182824;pointer-events:none;white-space:pre-line}.tip b{font-weight:600}.set-tab{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:18px;flex-wrap:wrap}.set-tab button{border:none;background:none;font-family:inherit;font-size:13.5px;font-weight:500;color:var(--ink2);padding:10px 12px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.set-tab button:hover{color:var(--ink)}.set-tab button.on{color:var(--accent-tua);font-weight:600;border-bottom-color:var(--accent)}.pindah{display:inline-flex;gap:4px}.pindah button{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface);color:var(--ink2);cursor:pointer}.pindah button:hover:not(:disabled){background:var(--accent-soft);color:var(--accent-tua);border-color:var(--accent)}.pindah button:disabled{opacity:.35;cursor:default}.menupop{position:fixed;z-index:80;width:176px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 8px 30px #10182824;padding:4px}.menupop-i{display:flex;align-items:center;gap:8px;width:100%;padding:9px 11px;border:none;background:none;border-radius:var(--r-sm);font-family:inherit;font-size:13.5px;color:var(--ink);cursor:pointer;text-align:left}.menupop-i:hover{background:var(--line2)}.menupop-i.bad{color:var(--bad)}.menupop-i.bad:hover{background:var(--bad-soft)}.menupop-i:disabled{color:var(--ink3);cursor:default}.menupop-i:disabled:hover{background:none}.menupop-cek{margin-left:auto;color:var(--accent);flex:none}.menupop-titik{width:8px;height:8px;border-radius:50%;flex:none}.menupop-lebar{width:216px}.menupop-h{display:flex;align-items:center;gap:6px;padding:8px 11px 4px;font-size:10.5px;font-weight:600;color:var(--ink3);text-transform:uppercase;letter-spacing:.06em;border-top:1px solid var(--line2);margin-top:4px}.menupop-gulir{max-height:260px;overflow-y:auto}.chev-lipat{transform:rotate(-90deg);transition:transform .16s ease}.chev-lipat.on{transform:rotate(0)}.nav .subnav a .navdot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.pgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.pcard{position:relative;display:flex;flex-direction:column;gap:8px;min-width:0;padding:12px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow)}.pcard.sunting{grid-column:span 2;gap:8px;padding:10px}.pcard.sunting .inp{padding:7px 10px;font-size:13px}.pcard.sunting .btn{padding:6px 11px;font-size:12.5px}.pswatch{display:flex;flex-wrap:wrap;gap:6px}.pswatch button{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0}.pswatch button.on{border-color:var(--accent)}.pcard-warna{height:34px;border-radius:var(--r-sm)}.pcard-nm{font-size:13.5px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pcard-err{font-size:11.5px;color:var(--bad)}.pcard-aksi{display:flex;gap:4px;margin-top:auto}.pcard-aksi button{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface);color:var(--ink2);cursor:pointer}.pcard-aksi button:hover:not(:disabled){background:var(--accent-soft);color:var(--accent-tua);border-color:var(--accent)}.pcard-aksi button.bad:hover:not(:disabled){background:var(--bad-soft);color:var(--bad-tua);border-color:var(--bad)}.pcard-aksi button:disabled{opacity:.45;cursor:default}.ptambah{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:116px;padding:12px;border:1px dashed var(--line);border-radius:var(--r);background:var(--surface);color:var(--ink2);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer}.ptambah:hover{border-color:var(--accent);color:var(--accent-tua);background:var(--accent-soft)}.pager{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding:0 18px 14px;font-size:12px;color:var(--ink3)}.card.pad .pager{padding:0}.chartbox{position:relative;width:100%}.chartbox canvas{display:block}.chart-tengah{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;text-align:center;white-space:nowrap;line-height:1.15;transition:opacity .12s ease}.charttip{position:fixed;z-index:90;pointer-events:none;opacity:0;transition:opacity .1s ease;max-width:280px;padding:8px 10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:0 8px 30px #10182824;font-size:12px;line-height:1.45;color:var(--ink2)}.charttip .t{font-weight:600;color:var(--ink);margin-bottom:3px}.charttip .b{display:flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}.charttip .b i{width:8px;height:8px;border-radius:50%;flex:none}.charttip .f{margin-top:4px;font-size:11px;color:var(--ink3)}.chart-tengah .b{font-size:15px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}.chart-tengah .k{font-size:11px;color:var(--ink3)}.donatgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 14px;margin-top:4px}.donatsel{margin:0;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}.donatsel .chartbox{width:118px}.donatsel figcaption{font-size:12px;color:var(--ink2);text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 900px){.donatgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}.bar{display:flex;flex-direction:column-reverse;overflow:hidden}.bar-sg{display:block;width:100%}.pwarna{display:flex;flex-direction:column;gap:8px}.pwarna-bebas{display:flex;align-items:center;gap:8px}.pwarna-bebas input[type=color]{width:34px;height:30px;padding:2px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);cursor:pointer;flex-shrink:0}.pwarna-bebas .inp{font-family:ui-monospace,Cascadia Mono,Consolas,monospace}.pwarna-err{font-size:11.5px;color:var(--bad)}@media (max-width: 900px){.piegrid{grid-template-columns:repeat(2,minmax(0,1fr))}}.uat-hitung{font-size:12px;color:var(--ink3)}.kred-sisa{font-size:12px;color:var(--accent-tua);font-variant-numeric:tabular-nums}.kred-gerbang{padding:22px 18px;text-align:center;border-bottom:1px solid var(--line2)}.kred-gerbang p{font-size:13px;color:var(--ink2);max-width:420px;margin:0 auto 12px}.kred-gerbang .e-ic{width:44px;height:44px;margin:0 auto 10px;display:grid;place-items:center;border-radius:50%;background:var(--accent-soft);color:var(--accent-tua)}.kred-form{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.kred-galat{padding:0 18px 12px}.kredlist{list-style:none}.kredrow{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:11px 18px;border-bottom:1px solid var(--line2)}.kredrow:last-child{border-bottom:0}.kredrow-kiri{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.kredrow-nm{font-size:13.5px;font-weight:600;color:var(--ink)}.kredrow-user{font-size:12px;color:var(--ink2)}.kredrow-note{font-size:11.5px;color:var(--ink3)}.kredrow-kanan{display:flex;align-items:center;gap:6px;flex:0 0 auto}.kredrow-rahasia{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;padding:4px 8px;border-radius:var(--r-sm);background:var(--accent-soft);color:var(--accent-tua);max-width:320px;overflow-x:auto;white-space:nowrap}.kred-tambah{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px 18px}.kred-tambah .btn{grid-column:1 / -1;justify-self:start}@media (max-width: 900px){.kredrow{flex-wrap:wrap}.kredrow-kanan{flex-basis:100%}.kredrow-rahasia{max-width:100%}.kred-tambah{grid-template-columns:1fr}}.kred-sunting{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}.kred-sunting-aksi{grid-column:1 / -1;display:flex;gap:6px}@media (max-width: 900px){.kred-sunting{grid-template-columns:1fr}}.kred-teks{flex-basis:100%;margin-top:8px}.kred-teks-isi{width:100%;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;line-height:1.6;white-space:pre;overflow-x:auto}.kred-teks-aksi{display:flex;gap:6px;margin-top:6px}.kred-kanvas{grid-column:1 / -1;width:100%;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;line-height:1.6}.tablewrap{border:1px solid var(--line);border-radius:var(--r);overflow-x:auto;margin-top:14px}.tbl{width:100%;border-collapse:collapse;font-size:12.5px}.tbl th,.tbl td{padding:9px 12px;text-align:left;white-space:nowrap}.tbl thead th{font-weight:600;color:var(--ink2);border-bottom:1px solid var(--line);background:var(--bg)}.tbl tbody tr{border-bottom:1px solid var(--line2)}.tbl tbody tr:last-child{border-bottom:0}.tbl tbody tr:hover{background:var(--bg)}.tbl .num{text-align:right;font-variant-numeric:tabular-nums}.pager-nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pager-hal{font-size:12px;color:var(--ink2);white-space:nowrap;padding:0 4px}.kode-badge{display:inline-flex;flex-wrap:wrap;align-items:center;gap:5px}.pager-ukuran{width:116px;flex:none}.pager-ukuran .selectbox{padding:6px 9px;gap:6px;font-size:12.5px;min-height:32px}@media (max-width: 900px){.pager{flex-direction:column;align-items:flex-start;gap:8px}}.papan-tujuan{position:fixed;left:0;right:0;bottom:20px;z-index:40;display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:-moz-fit-content;width:fit-content;max-width:min(calc(100vw - 32px),960px);max-height:40vh;overflow-y:auto;margin:0 auto;padding:10px 12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 8px 30px #10182824}.papan-tujuan-k{display:inline-flex;align-items:center;gap:6px;margin-right:4px;font-size:12px;color:var(--ink2)}.papan-tujuan-i{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px dashed var(--line);border-radius:var(--r-sm);background:var(--surface);font-size:12.5px;color:var(--ink)}.papan-tujuan-i.on{border-style:solid;border-color:var(--accent);background:var(--accent-soft);color:var(--accent-tua)}.hari-gulir{max-height:48.75rem;overflow-y:auto}.kred-teks-isi.kanvas{max-height:70vh;overflow:auto}.tiket-form{display:grid;grid-template-columns:minmax(0,1fr) 190px 170px 170px;gap:10px;padding:16px 18px 0}.tiket-form-isi{display:grid;gap:10px;padding:10px 18px 16px}.tiket-isi{width:100%;resize:vertical;font-family:var(--mono, ui-monospace, monospace);font-size:13px}.tiket-kirim{display:flex;justify-content:flex-end}.tiket-judul{display:flex;align-items:center;flex-wrap:wrap;gap:6px;max-width:460px;white-space:normal}.tautan{display:inline-flex;align-items:center;gap:4px;padding:0;border:none;background:none;font:inherit;color:var(--accent-tua);cursor:pointer;text-align:left}.tautan:hover{text-decoration:underline}.tbl tr.baris-ceo td{background:var(--warn-soft)}.tbl tr.baris-ceo td:first-child{box-shadow:inset 3px 0 0 var(--warn)}.tbl tr.baris-ring1 td{background:var(--accent-soft)}.tbl tr.baris-ring1 td:first-child{box-shadow:inset 3px 0 0 var(--accent)}.tiket-detail.ring1{border-color:var(--accent);box-shadow:inset 4px 0 0 var(--accent)}.ring1-hd{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px 0}.ring1-hd p{font-size:13px;color:var(--ink2);line-height:1.6}.ring1-hd .btn{flex-shrink:0}.ring1-galat{margin:10px 18px 0}.ring1-saring{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:10px;padding:12px 18px}@media (max-width: 900px){.ring1-hd{flex-direction:column;align-items:flex-start}.ring1-saring{grid-template-columns:1fr}}.tiket-detail{padding:20px 22px;display:grid;gap:18px}.tiket-detail.ceo{border-color:var(--warn);box-shadow:inset 4px 0 0 var(--warn)}.tiket-kepala h2{font-size:20px;font-weight:600;color:var(--ink);margin:8px 0 4px}.tiket-badge{display:flex;flex-wrap:wrap;gap:6px}.tiket-meta{font-size:12.5px;color:var(--ink3)}.tiket-isi-md{border-top:1px solid var(--line2);padding-top:16px}.tiket-lampiran{display:grid;gap:8px}.tiket-lampiran h3{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600}.tiket-aksi{display:grid;gap:10px;border-top:1px solid var(--line2);padding-top:16px}.tiket-aksi-b{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.sop{display:flex;gap:12px;padding:14px 18px;border:1px solid var(--info-soft);border-radius:var(--r);background:var(--info-soft);color:var(--info-tua)}.sop p{margin-top:4px;font-size:13px;line-height:1.6}.md-editor{border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden}.md-editor-tab{display:flex;align-items:center;gap:2px;padding:4px;background:var(--line2)}.md-editor-tab button{border:none;background:none;padding:6px 12px;border-radius:var(--r-sm);font:inherit;font-size:12.5px;font-weight:600;color:var(--ink2);cursor:pointer}.md-editor-tab button.on{background:var(--surface);color:var(--ink)}.md-editor-k{margin-left:auto;padding-right:8px;font-size:11.5px;color:var(--ink3)}.md-editor .tiket-isi{border:none;border-radius:0}.md-editor-pratinjau{min-height:200px;padding:12px 14px}.lampiran-kotak{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px dashed var(--line);border-radius:var(--r-sm);font-size:12.5px;color:var(--ink2)}.lampiran-kotak.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-tua)}.lampiran-daftar{display:grid;gap:4px}.lampiran-daftar li{display:flex;align-items:center;gap:8px;font-size:13px;min-width:0}.lampiran-u{margin-left:auto;font-size:11.5px;color:var(--ink3);white-space:nowrap}@media (max-width: 900px){.tiket-form{grid-template-columns:1fr}}.notif,.notif-btn{position:relative}.notif-n{position:absolute;top:-2px;right:-4px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--brand-red);color:#fff;font-size:10.5px;font-weight:700;line-height:17px;text-align:center}.notif-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:80;width:min(360px,calc(100vw - 32px));max-height:440px;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 8px 30px #10182824}.notif-h{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line2);font-size:13.5px}.notif-kosong{padding:18px 12px;font-size:13px;color:var(--ink3);text-align:center}.notif-daftar{overflow-y:auto;padding:4px}.notif-i{display:grid;gap:2px;width:100%;padding:9px 10px;border:none;border-radius:var(--r-sm);background:none;font:inherit;text-align:left;cursor:pointer}.notif-i:hover{background:var(--line2)}.notif-i.baru{background:var(--accent-soft)}.notif-t{font-size:13px;font-weight:600;color:var(--ink)}.notif-b{font-size:12.5px;color:var(--ink2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-w{font-size:11.5px;color:var(--ink3)}.log-pesan{display:block;max-width:640px;white-space:pre-wrap;overflow-wrap:anywhere;font-family:ui-monospace,monospace;font-size:12px}.daftar{display:flex;flex-direction:column;width:280px;flex-shrink:0;max-height:calc(100vh - 170px);padding:8px;border-radius:var(--r);background:var(--line2)}.daftar-h{display:flex;align-items:center;gap:6px;padding:2px 4px 2px 6px;cursor:grab;touch-action:none}.daftar-h h2{flex:1;min-width:0;font-size:13.5px;font-weight:600;color:var(--ink);overflow-wrap:anywhere;cursor:text}.daftar-n{padding:1px 8px;border-radius:999px;background:var(--line);font-size:11.5px;color:var(--ink2)}.daftar-nama{flex:1;padding:5px 8px;font-size:13.5px;font-weight:600}.daftar-tahap{padding:0 6px 6px;font-size:11px;color:var(--ink3)}.daftar-isi{flex:1;min-height:60px;overflow-y:auto;display:grid;align-content:start;gap:8px;padding:2px;border-radius:var(--r-sm);transition:background .15s}.daftar-isi.on{background:var(--line)}.daftar-kosong{padding:14px 0;text-align:center;font-size:12px;color:var(--ink3)}.daftar-galat{margin:6px 4px 0}.daftar-kartu,.daftar-tambah{display:flex;align-items:center;gap:6px;width:100%;margin-top:6px;padding:8px;border:none;border-radius:var(--r-sm);background:none;font:inherit;font-size:13px;color:var(--ink2);cursor:pointer}.daftar-kartu:hover{background:var(--line);color:var(--ink)}.daftar-tambah{width:280px;flex-shrink:0;align-self:flex-start;margin-top:0;padding:12px;background:var(--line2)}.daftar-tambah:hover{background:var(--line);color:var(--ink)}.daftar-baru{display:grid;gap:8px;width:280px;flex-shrink:0;align-self:flex-start;padding:8px;border-radius:var(--r);background:var(--line2)}.daftar-baru-aksi{display:flex;align-items:center;gap:6px}.daftar-bayang{box-shadow:0 8px 30px #1018282e}@media (max-width: 900px){.daftar,.daftar-tambah,.daftar-baru{width:82vw}}.kode-kotak{display:inline-flex;gap:6px}.kode-digit{width:42px;height:46px;padding:0;text-align:center;font-size:18px;font-weight:600;font-variant-numeric:tabular-nums}.tablewrap tbody tr.clk{cursor:pointer}.catatan-halaman{position:relative}.catatan-cari{width:220px}.catatan-kepala{gap:12px}.catatan-judul{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.catatan-judul h3{overflow-wrap:anywhere}.catatan-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.catatan-baca{padding:18px 22px}.catatan-meta{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:10px;padding:14px 18px 0}.catatan-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px 18px 18px}.catatan-tulis{min-height:60vh;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;line-height:1.6}.catatan-pratinjau{min-height:60vh;max-height:75vh;overflow-y:auto;padding:12px 16px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface)}.catatan-jatuh,.jatuh-berkas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-content:center;justify-items:center;gap:6px;border:2px dashed var(--accent);border-radius:var(--r);background:color-mix(in srgb,var(--accent-soft) 88%,transparent);color:var(--accent-tua);text-align:center;pointer-events:none}.catatan-jatuh span,.jatuh-berkas span{font-size:13px}@media (max-width: 900px){.catatan-editor,.catatan-meta{grid-template-columns:1fr}.catatan-cari{width:100%}}.md{font-size:14px;line-height:1.7;color:var(--ink);overflow-wrap:anywhere}.md>:first-child{margin-top:0}.md h1,.md h2,.md h3,.md h4{font-weight:600;line-height:1.3;margin:1.3em 0 .5em}.md h1{font-size:22px}.md h2{font-size:18px}.md h3{font-size:15.5px}.md h4{font-size:14px}.md p,.md ul,.md ol,.md pre,.md blockquote,.md table{margin:0 0 .9em}.md ul,.md ol{padding-left:1.4em}.md ul{list-style:disc}.md ol{list-style:decimal}.md li+li{margin-top:.25em}.md a{color:var(--accent);text-decoration:underline}.md code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;background:var(--line2);padding:.1em .35em;border-radius:var(--r-sm)}.md pre{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-sm);padding:10px 12px;overflow-x:auto}.md pre code{background:none;padding:0;border-radius:0}.md blockquote{border-left:3px solid var(--line);padding-left:12px;color:var(--ink2)}.md table{border-collapse:collapse;display:block;overflow-x:auto}.md th,.md td{border:1px solid var(--line);padding:6px 10px;text-align:left}.md th{background:var(--bg);font-weight:600}.md hr{border:0;border-top:1px solid var(--line);margin:1.2em 0}.md img{max-width:100%}.md input[type=checkbox]{margin-right:6px}.kredrow-akses{display:inline-flex;align-items:center;gap:5px;margin-top:2px;padding:0;border:0;background:none;font-family:inherit;font-size:11.5px;color:var(--accent-tua);cursor:pointer;text-align:left}.kredrow-akses:disabled{color:var(--ink3);cursor:default}.kred-akses{flex-basis:100%;margin-top:8px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-sm)}.kred-akses-h{font-size:12.5px;color:var(--ink2)}.kred-akses-daftar{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:2px 14px;max-height:260px;overflow-y:auto;margin:10px 0 12px}.kred-akses-i{display:flex;align-items:center;gap:8px;padding:5px 2px;font-size:13px;cursor:pointer}.kred-akses-role{color:var(--ink3);font-size:11.5px}.kredrow-nm-btn{padding:0;border:0;background:none;font-family:inherit;color:var(--ink);text-align:left;cursor:text}.kredrow-nm-btn:not(:disabled):hover{color:var(--accent-tua);-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.kredrow-nm-btn:disabled{cursor:default}.kredrow-nm-inp{max-width:360px;padding:4px 8px;font-weight:600}@media (max-width: 900px){.papan-tujuan{display:none}}.aksi-hover{opacity:0;transition:opacity .12s ease}.group:hover .aksi-hover,.aksi-hover:focus-visible{opacity:1}@media (hover: none){.aksi-hover{opacity:1}}.kred-halaman{position:relative}.kred-berkas-ket{padding:10px 18px 0}.kred-gulir{max-height:min(62vh,680px);overflow-y:auto}.last\:border-0:last-child{border-width:0px}.last\:border-b-0:last-child{border-bottom-width:0px}.last\:pb-0:last-child{padding-bottom:0}.hover\:border-accent:hover{border-color:var(--accent)}.hover\:border-line:hover{border-color:var(--line)}.hover\:bg-accent-tua:hover{background-color:var(--accent-tua)}.hover\:bg-bad-soft:hover{background-color:var(--bad-soft)}.hover\:bg-bad-tua:hover{background-color:var(--bad-tua)}.hover\:bg-line:hover{background-color:var(--line)}.hover\:bg-line-2:hover{background-color:var(--line2)}.hover\:bg-ok-soft:hover{background-color:var(--ok-soft)}.hover\:bg-warn:hover{background-color:var(--warn)}.hover\:text-bad:hover{color:var(--bad)}.hover\:text-ink:hover{color:var(--ink)}.focus\:border-line:focus{border-color:var(--line)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2: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(2px + 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-accent-soft:focus{--tw-ring-color: var(--accent-soft)}.focus\:ring-bad-soft:focus{--tw-ring-color: var(--bad-soft)}.focus\:ring-offset-1:focus{--tw-ring-offset-width: 1px}.active\:cursor-grabbing:active{cursor:grabbing}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.group:hover .group-hover\:bg-canvas{background-color:var(--bg)}@media (min-width: 900px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1536px){.\32xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}