@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--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, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-600:oklch(68.1% .162 75.834);--color-green-50:oklch(98.2% .018 155.826);--color-green-200:oklch(92.5% .084 155.995);--color-green-700:oklch(52.7% .154 150.069);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-300:oklch(82.7% .119 306.383);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-800:oklch(43.8% .218 303.724);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-md:28rem;--container-4xl:56rem;--container-5xl:64rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--animate-spin:spin 1s linear infinite;--blur-sm:8px;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-1\/2{top:50%}.top-2\.5{top:calc(var(--spacing) * 2.5)}.top-3{top:calc(var(--spacing) * 3)}.left-3{left:calc(var(--spacing) * 3)}.left-4{left:calc(var(--spacing) * 4)}.z-50{z-index:50}.z-\[999\]{z-index:999}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.ml-1{margin-left:calc(var(--spacing) * 1)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.h-10{height:calc(var(--spacing) * 10)}.h-16{height:calc(var(--spacing) * 16)}.h-full{height:100%}.h-screen{height:100vh}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-screen{min-height:100vh}.w-10{width:calc(var(--spacing) * 10)}.w-16{width:calc(var(--spacing) * 16)}.w-64{width:calc(var(--spacing) * 64)}.w-full{width:100%}.w-screen{width:100vw}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-md{max-width:var(--container-md)}.max-w-xs{max-width:var(--container-xs)}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-slate-100>:not(:last-child)){border-color:var(--color-slate-100)}:where(.divide-slate-200>:not(:last-child)){border-color:var(--color-slate-200)}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-blue-100{border-color:var(--color-blue-100)}.border-blue-200{border-color:var(--color-blue-200)}.border-blue-300{border-color:var(--color-blue-300)}.border-emerald-200{border-color:var(--color-emerald-200)}.border-green-200{border-color:var(--color-green-200)}.border-purple-300{border-color:var(--color-purple-300)}.border-red-200{border-color:var(--color-red-200)}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-300{border-color:var(--color-slate-300)}.border-transparent{border-color:#0000}.border-yellow-500\/30{border-color:#edb2004d}@supports (color:color-mix(in lab,red,red)){.border-yellow-500\/30{border-color:color-mix(in oklab,var(--color-yellow-500) 30%,transparent)}}.bg-\[\#0a0f18\]{background-color:#0a0f18}.bg-\[\#111827\]{background-color:#111827}.bg-black\/95{background-color:#000000f2}@supports (color:color-mix(in lab,red,red)){.bg-black\/95{background-color:color-mix(in oklab,var(--color-black) 95%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-blue-700{background-color:var(--color-blue-700)}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-600{background-color:var(--color-emerald-600)}.bg-green-50{background-color:var(--color-green-50)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-purple-600{background-color:var(--color-purple-600)}.bg-red-50{background-color:var(--color-red-50)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-200{background-color:var(--color-slate-200)}.bg-slate-400{background-color:var(--color-slate-400)}.bg-slate-800{background-color:var(--color-slate-800)}.bg-slate-900\/70{background-color:#0f172bb3}@supports (color:color-mix(in lab,red,red)){.bg-slate-900\/70{background-color:color-mix(in oklab,var(--color-slate-900) 70%,transparent)}}.bg-white{background-color:var(--color-white)}.bg-yellow-500{background-color:var(--color-yellow-500)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-12{padding:calc(var(--spacing) * 12)}.p-20{padding:calc(var(--spacing) * 20)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-6{padding-right:calc(var(--spacing) * 6)}.pl-0{padding-left:calc(var(--spacing) * 0)}.pl-10{padding-left:calc(var(--spacing) * 10)}.pl-12{padding-left:calc(var(--spacing) * 12)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-tighter{--tw-tracking:var(--tracking-tighter);letter-spacing:var(--tracking-tighter)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.\!text-black{color:var(--color-black)!important}.\!text-slate-400{color:var(--color-slate-400)!important}.\!text-slate-500{color:var(--color-slate-500)!important}.\!text-slate-600{color:var(--color-slate-600)!important}.text-black{color:var(--color-black)}.text-blue-100{color:var(--color-blue-100)}.text-blue-400{color:var(--color-blue-400)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-blue-800{color:var(--color-blue-800)}.text-emerald-400{color:var(--color-emerald-400)}.text-emerald-700{color:var(--color-emerald-700)}.text-green-700{color:var(--color-green-700)}.text-purple-400{color:var(--color-purple-400)}.text-purple-800{color:var(--color-purple-800)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-white{color:var(--color-white)}.text-yellow-400{color:var(--color-yellow-400)}.text-yellow-500{color:var(--color-yellow-500)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-10{opacity:.1}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-blue-200{--tw-shadow-color:oklch(88.2% .059 254.128)}@supports (color:color-mix(in lab,red,red)){.shadow-blue-200{--tw-shadow-color:color-mix(in oklab, var(--color-blue-200) var(--tw-shadow-alpha), transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.grayscale{--tw-grayscale:grayscale(100%);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-sm{--tw-backdrop-blur:blur(var(--blur-sm));-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-xl{--tw-backdrop-blur:blur(var(--blur-xl));-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,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}@media(hover:hover){.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}}.placeholder\:text-slate-400::placeholder{color:var(--color-slate-400)}@media(hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:border-blue-500:hover{border-color:var(--color-blue-500)}.hover\:border-slate-200:hover{border-color:var(--color-slate-200)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-blue-800:hover{background-color:var(--color-blue-800)}.hover\:bg-emerald-100:hover{background-color:var(--color-emerald-100)}.hover\:bg-emerald-700:hover{background-color:var(--color-emerald-700)}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:bg-red-100:hover{background-color:var(--color-red-100)}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\:bg-slate-200:hover{background-color:var(--color-slate-200)}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:bg-white\/20:hover{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/20:hover{background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.hover\:bg-yellow-600:hover{background-color:var(--color-yellow-600)}.hover\:text-slate-800:hover{color:var(--color-slate-800)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\:ring-blue-600:focus{--tw-ring-color:var(--color-blue-600)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:scale-\[0\.98\]:active{scale:.98}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-30:disabled{opacity:.3}@media(min-width:48rem){.md\:block{display:block}.md\:w-64{width:calc(var(--spacing) * 64)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:p-8{padding:calc(var(--spacing) * 8)}}@media(min-width:64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}}:root{--bg-dark:#0f172a;--panel-bg:#1e293b;--text-main:#f1f5f9;--text-dim:#94a3b8;--water-blue:#38bdf8;--sew-purple:#a78bfa;--red-crit:#f87171;--yellow-wip:#fbbf24;--green-ok:#4ade80;--border-color:#334155;--lcms-gold:#d4af37;--lcms-navy:#0f172a;--lcms-card-bg:#1e293b;--lcms-blue:#38bdf8}body{background-color:var(--bg-dark);color:var(--text-main);margin:0;padding:0;font-family:Segoe UI,sans-serif}.stealth-btns{gap:5px;display:flex;position:absolute;top:5px;left:20px}.btn-tiny{border:1px solid var(--border-color);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:3px;padding:2px 5px;font-size:.5rem}.btn-tiny:hover{background:var(--border-color);color:#fff}.log-time{color:#e6e650;margin-right:5px;font-family:monospace;font-weight:700}.log-msg{flex-grow:1}.yesterday-stat{color:var(--text-dim);margin-top:8px;font-size:.9rem;display:block}.stat-highlight{color:var(--green-ok);font-weight:700}.stat-highlight.bad{color:#ff0}.kpi-row{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin-top:-12px;display:grid}.kpi-card{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:12px;justify-content:space-between;align-items:center;padding:15px;display:flex;box-shadow:0 10px 15px -3px #0000004d}.kpi-card.blue{border-top:5px solid var(--water-blue)}.kpi-card.green{border-top:5px solid var(--green-ok)}.kpi-card.yellow{border-top:5px solid var(--yellow-wip)}.kpi-card.red{border-top:5px solid var(--red-crit)}.kpi-val-group{align-items:baseline;gap:10px;display:flex}.kpi-main-val{color:#fff;font-size:2.2rem;font-weight:800;line-height:1}.kpi-label{text-transform:uppercase;color:var(--text-dim);margin-bottom:5px;font-size:.75rem;font-weight:700}.kpi-labelw{text-transform:uppercase;color:var(--water-blue);margin-bottom:5px;font-size:.75rem;font-weight:700}.kpi-labels{text-transform:uppercase;color:var(--sew-purple);margin-bottom:5px;font-size:.75rem;font-weight:700}.kpi-labelt{text-transform:uppercase;color:#ff0;margin-bottom:5px;font-size:.75rem;font-weight:700}.kpi-percent2{color:red;margin-top:5px;font-size:1.5rem;font-weight:500;display:block}.trend-item{justify-content:space-between;font-size:.75rem;font-weight:700;display:flex}.trend-count{color:var(--yellow-wip)}.kpi-split{text-align:right;border-left:2px solid #ffffff1a;padding-left:15px}.split-item{font-size:1.1rem;font-weight:800;display:block}.split-label{text-transform:uppercase;color:var(--text-dim);font-size:.65rem;font-weight:700}.panel h2{color:var(--text-main);align-items:center;gap:10px;margin:0 5px 15px 0;font-size:1.1rem;display:flex}@keyframes border-bottom-pulse{0%,to{border-bottom:2px solid #4ade8033}50%{border-bottom:2px solid #ebf30c}}.top-header-pulse{padding-bottom:5px;animation:2s infinite border-bottom-pulse}@keyframes alarm-blink{0%{background-color:#f871711a}50%{background-color:#f8717166}to{background-color:#f871711a}}.row-alarm{border-left:4px solid #f87171;animation:1.5s ease-in-out infinite alarm-blink}.row-alarm td{color:#fff!important}.avg-time-container{gap:10px;display:flex;position:absolute;top:12px;right:18px}.avg-mini-card{text-align:center;border:1px solid #ffffff1a;border-radius:6px;padding:4px 10px}.avg-mini-card .val{font-size:.8rem;font-weight:700;display:block}.avg-mini-card .lab{color:var(--text-dim);text-transform:uppercase;font-size:.55rem;display:block}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--text-dim);text-transform:uppercase;border-bottom:2px solid var(--border-color);padding:8px;font-size:.65rem}td{border-bottom:1px solid var(--border-color);color:var(--text-main);padding:8px;font-size:.8rem}.top-performers-split{grid-template-rows:1fr 1fr;gap:10px;height:100%;display:grid}.sub-panel{border:1px solid var(--border-color);background:#0003;border-radius:8px;padding:10px}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:15px;height:auto;margin-bottom:10px;padding:10px 0;display:grid}.panel{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;min-width:0;height:auto;min-height:260px;margin-top:-5px;margin-bottom:-10px;padding:15px;display:flex;position:relative;overflow:auto}@media(max-width:1024px){.grid-3{grid-template-columns:1fr 1fr}}@media(max-width:800px){.grid-3,.chart-grid{grid-template-columns:1fr!important}.panel{flex:100%}}@media(max-width:768px){.kpi-row{gap:15px;margin-top:10px;grid-template-columns:1fr!important}.kpi-card{box-sizing:border-box;flex-direction:column;align-items:flex-start;width:100%;height:auto;padding:20px}.kpi-split{text-align:left;border-top:1px solid #ffffff1a;width:100%;margin-top:15px;padding-top:15px;border-left:none!important;padding-left:0!important}.kpi-split>div{flex-wrap:wrap;justify-content:flex-start!important}}@keyframes signal-blink{0%{background-color:#e6e65099}50%{background-color:#0000}to{background-color:#e6e65099}}.blink-new{border-radius:4px;padding:2px;animation:.5s ease-in-out 50 signal-blink}.chart-grid{grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:-20px;display:grid}.chart-panel{height:280px!important;padding:10px 5px!important}.chart-wrap{width:100%;height:210px;margin-top:auto;display:block}.chart-title{letter-spacing:.5px;font-size:.85rem!important;font-weight:800!important}.chart-panel canvas{font-smooth:always;-webkit-font-smoothing:antialiased;letter-spacing:2px}.water-text{color:var(--water-blue)}.sew-text{color:var(--sew-purple)}.water-border{border:1px solid var(--water-blue);background:#38bdf80d}.sew-border{border:1px solid var(--sew-purple);background:#a78bfa0d}.intel-row{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px;width:70%;margin-bottom:22px;display:grid}.intel-card{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;justify-content:flex-start;height:auto;min-height:95px;padding:10px;display:flex}.water-card-border{border-left:4px solid var(--water-blue)!important}.sew-card-border{border-left:4px solid var(--sew-purple)!important}.trending-card-border{border-left:4px solid var(--yellow-wip)!important}.log-line{border-bottom:1px solid #ffffff0d;flex-wrap:wrap;justify-content:space-between;padding:4px 0;font-size:.7rem;display:flex}.trend-container{flex-direction:column;gap:2px;display:flex}@media(max-width:768px){.intel-row{width:50%;grid-template-columns:1fr!important}.intel-card{height:auto!important}.log-line{flex-direction:column;align-items:flex-start;gap:2px}}.header-row{color:var(--text-main);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:700;border-bottom:1px solid var(--water-blue)!important}.type-card{background:#0003;border-radius:8px;margin-top:5px;padding:10px}.type-header{align-items:center;gap:5px;margin-bottom:8px;font-size:1rem;font-weight:700;display:flex}.type-row-data span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.header-row{text-transform:uppercase;letter-spacing:.5px;color:var(--text-main);font-size:.75rem;font-weight:700}.col-type{padding-left:5px}.col-num{text-align:right;padding-right:10px;font-family:monospace}.water-theme.type-card{border:1px solid var(--water-blue)}.water-theme .type-header{color:var(--water-blue)}.water-theme .header-row{border-bottom:1px solid var(--water-blue)!important}.water-theme .type-row-data{border-bottom:1px solid #38bdf826}.water-theme .type-row-data:not(.header-row):hover{background:#38bdf81a}.sewer-theme.type-card{border:1px solid var(--sew-purple)}.sewer-theme .type-header{color:var(--sew-purple)}.sewer-theme .header-row{border-bottom:1px solid var(--sew-purple)!important}.sewer-theme .type-row-data{border-bottom:1px solid #a78bfa26}.sewer-theme .type-row-data:not(.header-row):hover{background:#a78bfa1a}.dashboard-viewport{background:#0f172a;width:100vw;height:auto;min-height:100vh;overflow-y:visible}.dashboard-stage{width:200%;height:100vh;transition:transform 1.5s cubic-bezier(.65,0,.35,1);display:flex}.dashboard-fixed-container{background:#0f172a;width:100%;min-height:auto;display:block;overflow-y:hidden}.view-pane{box-sizing:border-box;flex-direction:column;flex-shrink:0;width:50%;height:auto;min-height:0;padding:15px;display:flex}.full-view-container{flex-direction:column;gap:15px;height:calc(100vh - 100px);display:flex}.full-chart-panel{flex:1;min-height:0}.big-chart-wrap{flex-grow:1;width:100%;min-height:0}.full-chart-header{border-bottom:2px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:15px;padding:0 5px 10px;display:flex}.avg-time-badge{text-align:right;background:#0000004d;border-radius:8px;padding:8px 12px;position:absolute;top:15px;right:20px}.avg-time-badge .val{font-size:1.2rem;font-weight:700}.avg-time-badge .lab{color:var(--text-dim);font-size:.6rem}.md-main-title-compact{color:#0fc;text-transform:uppercase;border-bottom:2px solid #0fc;font-size:1rem;font-weight:600;display:inline-block}.table-container-compact{background:#0f172a;border:1px solid #334155;border-radius:8px;max-height:85vh;box-shadow:0 10px 30px #00000080}.modern-data-table-compact{border-collapse:collapse;color:#f8fafc;width:100%;font-size:.85rem}.main-header-row{background-color:#1e293b;font-size:.9rem}.cat-group{text-transform:uppercase;letter-spacing:1px;padding:8px}.sub-header-row{background-color:#0f172a;font-size:.75rem}.water-border{color:#38bdf8;border-bottom:2px solid #38bdf8}.sew-border{color:#a78bfa;border-bottom:2px solid #a78bfa}.other-border{color:#fbbf24;border-bottom:2px solid #fbbf24}.water-border-heavy,.sew-border-heavy{border-right:3px solid #334155!important}.data-row-compact{border-bottom:1px solid #1e293b}.data-row-compact:nth-child(2n){background-color:#1e293b66}.source-cell-compact{text-align:left;color:#94a3b8;white-space:nowrap;border-right:3px solid #334155;padding:15px 16px;font-weight:800}.source-name-column{text-align:left;color:#d8f613;white-space:nowrap;border-right:3px solid #334155;padding:15px 16px;font-size:1rem;font-weight:800}.val-compact{text-align:center;border-right:1px solid #1e293b;padding:6px 4px;font-weight:700}.reg-text{color:#38bdf8}.res-text{color:#22c55e}.pen-text{color:#ef4444}.wip-text{color:#eab308}.main-scroll-area{padding:10px 10px 0}.section-divider-title{color:#0fc;text-align:left;font-size:1.5rem}.town-charts-flex-container{gap:10px;width:100%;display:flex}.chart-panel-bottom{flex:1;min-width:0;height:290px;position:relative}.chart-wrapper-bottom{width:100%;height:230px}.avg-time-badge-inline{border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:700;position:absolute;top:10px;right:15px}@media(max-width:900px){.town-charts-flex-container{flex-direction:column}.chart-panel-bottom{height:350px}.grid-3{grid-template-columns:1fr!important}}body{overflow:auto!important}@media(max-width:768px){.chart-wrapper-bottom,.chart-wrap{width:800px}.chart-panel-bottom,.chart-panel{overflow:auto hidden}.avg-time-badge-inline,.avg-time-badge{align-self:flex-end;width:fit-content;margin-bottom:10px;position:relative!important;top:0!important;right:0!important}}.type-row-data{grid-template-columns:1.2fr .6fr .6fr .6fr .6fr .8fr;align-items:center;padding:6px 2px;font-size:.75rem;display:grid}.header-row span{white-space:nowrap;font-weight:800;text-overflow:clip!important;overflow:visible!important}.col-num{text-align:center;padding:0 2px}.source-slider-card{background:#0f172a;border:1px solid #1e293b;border-radius:8px;min-height:380px;padding:16px}.source-master-header{border-bottom:2px solid #334155;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.source-label{color:#38bdf8;text-transform:uppercase;margin-right:8px;font-size:20px}.source-value{color:#38bdf8;letter-spacing:1px;font-size:20px;font-weight:800}.header-right{gap:20px;display:flex}.global-stat{color:#94a3b8;background:#1e293b;border-radius:4px;padding:4px 12px;font-size:14px;font-weight:600}.global-stat span{margin-left:5px;font-size:16px}.type-section{background:#1e293b;border:1px solid #334155;border-radius:6px;min-height:280px;padding:12px}.type-header-row{border-bottom:1px dashed #475569;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;display:flex}.type-name{color:#f8fafc;text-transform:uppercase;font-size:16px;font-weight:700}.type-count-pill{color:#38bdf8;background:#0f172a;border:1px solid #38bdf8;border-radius:10px;padding:2px 8px;font-size:11px}.subtype-table{border-collapse:collapse;width:100%}.subtype-table th{text-transform:uppercase;border-bottom:1px solid #334155;padding:6px 4px;font-size:15px}.subtype-table td{border-bottom:1px solid #ffffff08;padding:8px 4px;font-size:18px}.sub-name-cell{color:#cbd5e1;white-space:nowrap;text-overflow:ellipsis;max-width:150px;font-weight:700;overflow:hidden}.val-white{color:#fff}.val-green,.text-green{color:#4ade80}.val-red,.text-red{color:#f87171}.val-yellow,.text-yellow{color:#fbbf24}.text-white{color:#fff}.fade-row{animation:.5s ease-in tableFadeIn}@keyframes tableFadeIn{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.type-placeholder{visibility:hidden;min-height:280px}.subtype-table{border-collapse:collapse;table-layout:fixed;width:100%}.subtype-table th,.subtype-table td{border-bottom:1px solid #1e293b;padding:12px 8px}.subtype-table th:first-child,.subtype-table td:first-child{text-align:left;width:40%}.subtype-table th:nth-child(2),.subtype-table td:nth-child(2),.subtype-table th:nth-child(3),.subtype-table td:nth-child(3),.subtype-table th:nth-child(4),.subtype-table td:nth-child(4),.subtype-table th:nth-child(5),.subtype-table td:nth-child(5){text-align:center;width:15%;font-family:Courier New,monospace}.text-reg{color:var(--water-blue);font-weight:700}.text-res{color:var(--green-ok);font-weight:700}.text-pen{color:var(--red-crit);font-weight:700}.text-wip{color:var(--yellow-wip);font-weight:700}.compact-layout th,.compact-layout td{border-bottom:1px solid #ffffff0d;padding:6px 4px}.num-col{text-align:right;width:40px;font-size:.85rem;padding-right:8px!important}.name-bar-wrapper{justify-content:space-between;align-items:center;gap:12px;display:flex}.sub-text-name{color:#cbd5e1;white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;width:140px;font-size:.75rem;font-weight:500;overflow:hidden}.inline-performance-bar{background:#ffffff1a;border-radius:4px;flex-grow:1;height:10px;margin-right:15px;display:flex;overflow:hidden}.bar-segment{height:100%;transition:width .4s ease-in-out}.res{background:#22c55e}.pen{background:#ef4444}.wip{background:#eab308}.source-master-header{background:#0f172a;border-radius:8px 8px 0 0;justify-content:space-between;padding:12px;display:flex}.global-stat{margin-left:12px;font-size:.85rem}.val-green{color:#22c55e;font-weight:700}.val-red{color:#ef4444;font-weight:700}.val-yellow{color:#eab308;font-weight:700}.source-slider-card{background:#0f172a;padding:10px}.sections-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}@media(max-width:1024px){.sections-grid{grid-template-columns:1fr}}.compact-layout{border-collapse:collapse;table-layout:fixed;width:100%}.compact-layout th:first-child{width:65%}.compact-layout th.num-col{width:35px}.compact-layout td,.compact-layout th{border-bottom:1px solid #ffffff0d;padding:8px 2px}.name-bar-wrapper{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.sub-text-name{color:#cbd5e1;white-space:normal;font-size:.75rem;font-weight:700;line-height:1.1;display:block}.inline-performance-bar{background:#ffffff1a;border-radius:3px;width:100%;height:6px;display:flex;overflow:hidden}@media(min-width:1400px){.name-bar-wrapper{flex-direction:row;justify-content:space-between;align-items:center}.sub-text-name{white-space:nowrap;text-overflow:ellipsis;width:120px;overflow:hidden}.inline-performance-bar{flex-grow:1;margin-left:10px}}.num-col{text-align:center;font-family:monospace;font-size:.85rem}.source-master-header{flex-flow:wrap;gap:10px}@media(max-width:600px){.source-master-header{flex-direction:column;align-items:flex-start}.header-right{grid-template-columns:1fr 1fr;gap:5px;width:100%;display:grid}.global-stat{text-align:center;margin:0}}.view-transition-container{width:100%;position:relative;overflow:hidden}.sub-text-name{color:#e2e8f0;white-space:nowrap;letter-spacing:.05em;flex-shrink:0;width:150px;font-size:.85rem;font-weight:800}.inline-performance-bar{background:#ffffff0d;border-radius:10px;flex-grow:1;height:8px;margin-right:15px;display:flex;overflow:hidden;box-shadow:inset 0 1px 2px #0000004d}.bar-segment{height:100%;transition:width .8s cubic-bezier(.4,0,.2,1);position:relative}.res{background:linear-gradient(90deg,#22c55e,#4ade80);box-shadow:0 0 12px #22c55e4d}.pen{background:linear-gradient(90deg,#ef4444,#f87171);box-shadow:0 0 12px #ef44444d}.wip{background:linear-gradient(90deg,#eab308,#fbbf24);box-shadow:0 0 12px #eab3084d}.source-master-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bb3;border:1px solid #ffffff1a;border-radius:12px 12px 0 0}.town-table-panel{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;min-height:auto;margin-top:5px;padding:10px 15px;display:flex;overflow:hidden}.town-header-compact{letter-spacing:.6px;color:#0fc;justify-content:center;align-items:center;width:100%;font-weight:700;display:flex;position:relative;margin:0 0 10px!important;font-size:1rem!important}.page-indicator{background:var(--border-color);color:var(--yellow-wip);border-radius:4px;padding:2px 6px;font-size:.6rem;position:absolute;right:0}.town-table-wrapper{width:100%;display:flex;overflow:hidden}.town-dynamic-table{border-collapse:collapse;table-layout:fixed;width:100%}.town-dynamic-table th,.town-dynamic-table td{text-align:center;vertical-align:middle;border:1px solid #ffffff0d;padding:8px 2px!important;font-size:.85rem!important}.sticky-col{z-index:5;width:65px;color:var(--text-dim);background:#1e293b;font-weight:700;position:sticky;left:0;text-align:left!important;border-right:2px solid var(--water-blue)!important;padding-left:12px!important}.town-name{color:#fff;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.val-reg,.label-reg{color:var(--water-blue);font-weight:700}.label-res{color:var(--green-ok)}.label-pen{color:var(--red-crit)}.label-wip{color:var(--yellow-wip)}.text-green{color:var(--green-ok);font-weight:700}.text-red{color:var(--red-crit);font-weight:700}.text-yellow{color:var(--yellow-wip);font-weight:700}@keyframes critical-pulse-red{0%{background-color:#0000}50%{background-color:#f8717166}to{background-color:#0000}}.critical-blink{border-radius:4px;animation:1s ease-in-out infinite critical-pulse-red;color:#fff!important;font-weight:900!important}.town-table-wrapper::-webkit-scrollbar{height:4px}.town-table-wrapper::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.town-dynamic-table{table-layout:fixed}@media(max-width:768px){.town-table-wrapper{-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;overflow-x:auto!important}.town-dynamic-table{table-layout:auto;width:max-content}.town-dynamic-table th,.town-dynamic-table td{scroll-snap-align:start;min-width:22vw}.sticky-col{z-index:10;background:var(--panel-bg);position:sticky;left:0;box-shadow:2px 0 5px #0000004d}.town-table-wrapper::-webkit-scrollbar{height:3px}}.modal-content{color:#fff;background:#1e293b;border:1px solid #334155;border-radius:12px;width:500px;max-height:80vh;padding:20px;overflow-y:auto}.modal-body table{width:100%;margin-top:10px;font-size:.85rem}.modern-modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172af2;border:1px solid #ffffff1a;border-radius:20px;width:95%;max-width:700px;max-height:85vh;padding:24px;box-shadow:0 25px 50px -12px #00000080}.stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:15px;margin-bottom:30px;display:grid}.stat-card{text-align:center;background:#cc0a0a0d;border-radius:122px;flex-direction:column;padding:15px;display:flex}.stat-card .label{color:#94a3b8;text-transform:uppercase;font-size:.75rem}.value{margin-top:4px;font-size:1.5rem;font-weight:700}@media(max-width:600px){.stats-grid{grid-template-columns:repeat(2,1fr)}.modern-table{font-size:.8rem}.modern-table th,.modern-table td{padding:8px 4px}}.modern-table{border-collapse:separate;border-spacing:0 8px;width:100%}.modern-table th{color:#94a3b8;text-align:left;border-bottom:1px solid #ffffff1a;padding:10px;font-weight:500}.modern-table td{background:#ffffff05;padding:12px 10px}.modern-table tr:hover td{background:#ffffff0d}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px;margin-bottom:25px;display:grid}.stat-card{border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:16px;transition:transform .2s;display:flex;box-shadow:0 4px 15px #0000004d}.stat-card:hover{transform:translateY(-3px)}.stat-card .label{text-transform:uppercase;letter-spacing:.5px;color:#fffc;margin-bottom:4px;font-size:.75rem;font-weight:600}.stat-card .value{color:#fff;text-shadow:0 2px 4px #0000004d;font-size:1.8rem;font-weight:800}.stat-card{background:linear-gradient(135deg,#1e3a8a,#3b82f6)}.stat-card.pending{background:linear-gradient(135deg,#7f1d1d,#ef4444)}.stat-card.resolved{background:linear-gradient(135deg,#064e3b,#10b981)}.stat-card.wip{background:linear-gradient(135deg,#78350f,#f59e0b)}@media(max-width:480px){.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card .value{font-size:1.4rem}}.title-row{align-items:center;gap:12px;display:flex}.dept-badge{letter-spacing:1px;border:1px solid #fff3;border-radius:50px;padding:4px 10px;font-size:.65rem;font-weight:800;box-shadow:0 2px 10px #0003}.dept-badge.water{color:#e0f2fe;background:linear-gradient(135deg,#1e40af,#3b82f6)}.dept-badge.sewerage{color:#f5f3ff;background:linear-gradient(135deg,#581c87,#a855f7)}.modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}@media(max-width:480px){.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;padding-right:2000px;position:fixed;top:0;left:0}.modal-content{margin:0}}.source-card-clickable{transition:transform .2s,border-color .2s!important}.source-card-clickable:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00ffcc26;border-color:#0fc!important}.source-header-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.source-stats-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.stat-label{opacity:.8;font-size:.75rem}.stat-value{font-size:1rem;font-weight:700}.stat-label.blue,.stat-value.blue{color:var(--water-blue)}.stat-label.red,.stat-value.red{color:var(--red-crit)}.stat-label.green,.stat-value.green{color:var(--green-ok)}.stat-label.yellow,.stat-value.yellow{color:var(--yellow-wip)}.source-dots{justify-content:center;gap:4px;margin-top:8px;display:flex}.dot{background:#334155;border-radius:50%;width:5px;height:5px}.dot.active{background:#0fc}.source-modal{width:95%!important;max-width:800px!important}.type-section{background:#ffffff05;border-radius:8px;margin-bottom:25px;padding:10px}.type-summary-bar{background:#00ffcc0d;border-left:3px solid #0fc;border-radius:4px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:8px 12px;display:flex}.type-title{color:#fff;text-transform:uppercase;font-weight:700}.type-totals{gap:15px;font-size:.85rem;font-weight:600;display:flex}.text-green{color:var(--green-ok)}.text-yellow{color:var(--yellow-wip)}.modal-source-totals-row{align-items:center;gap:8px;margin-top:18px;display:flex}.source-badge{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:6px;align-items:center;min-width:fit-content;padding:4px 10px;display:flex}.b-label{text-transform:uppercase;letter-spacing:.5px;margin-right:8px;font-size:.7rem;font-weight:700}.b-val{font-family:Inter,"Monospace",sans-serif;font-size:.95rem;font-weight:800}.b-blue{color:#3b82f6;background:#3b82f626;border-color:#3b82f6}.b-red{color:#ef4444;background:#ef444426;border-color:#ef4444}.b-green{color:#10b981;background:#10b98126;border-color:#10b981}.b-yellow{color:#f59e0b;background:#f59e0b26;border-color:#f59e0b}.source-nav-container{justify-content:center;align-items:center;gap:12px;margin-top:8px;display:flex}.nav-arrow{color:#0fc6;cursor:pointer;padding:5px;font-size:.75rem;transition:all .2s}.nav-arrow:hover{color:#0fc;text-shadow:0 0 8px #0fc9;transform:scale(1.2)}.source-dots{gap:4px;display:flex;margin:0!important}.dot{background:#fff3;border-radius:50%;width:6px;height:6px;transition:all .3s}.dot.active{background:#0fc;border-radius:4px;width:12px;box-shadow:0 0 5px #0fc}@media(max-width:760px){.intel-row{flex-direction:column;gap:10px;padding:10px;display:flex}.intel-card{min-height:100px;width:100%!important}.source-stats-grid{gap:10px;grid-template-columns:repeat(2,1fr)!important;display:grid!important}.modal-content.source-modal{max-height:90vh;margin:10px auto;padding:15px;overflow-y:auto;width:95%!important}.modal-header{flex-direction:column;gap:10px;align-items:flex-start!important}.modal-title{margin-bottom:5px;font-size:1.1rem!important}.modal-source-totals-row{flex-wrap:wrap;justify-content:flex-start;margin-left:0!important;margin-right:0!important}.source-badge{padding:4px 8px;font-size:.8rem}@media(max-width:480px){.modern-table thead th:nth-child(4),.modern-table tbody td:nth-child(4),.modern-table thead th:nth-child(5),.modern-table tbody td:nth-child(5){display:none}.type-summary-bar{flex-direction:column;align-items:flex-start}}}.clickable-town{cursor:pointer;text-decoration:underline;transition:background .3s}.clickable-town:hover{background:#38bdf833}.modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:28px}.detail-table{border-collapse:collapse;color:#f1f5f9;width:100%}.detail-table th,.detail-table td{text-align:left;border:1px solid #334155;padding:10px;font-size:13px}.detail-table th{color:#38bdf8;background:#0f172a}.clickable-cell{transition:all .2s;position:relative;cursor:pointer!important}.clickable-cell:hover{color:#38bdf8;background:#ffffff1a!important}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#000000d9;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content{background:#0f172a;border:1px solid #1e293b;border-radius:16px;width:90%;max-width:850px;max-height:85vh;padding:24px;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080}.modal-header{border-bottom:1px solid #1e293b;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:15px;display:flex}.close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;font-size:32px;line-height:1}.close-btn:hover{color:#ef4444}.popup-detail-table{border-collapse:collapse;width:100%}.popup-detail-table th{color:#94a3b8;text-transform:uppercase;letter-spacing:1px;background:#1e293b;padding:12px;font-size:11px}.popup-detail-table td{text-align:center;border-bottom:1px solid #1e293b;padding:14px 12px;font-size:13px}.animate-pop-in{animation:.3s ease-out popIn}@keyframes popIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.loader-text{text-align:center;color:#38bdf8;padding:40px;font-weight:700}.hmp-header-main{justify-content:space-between;align-items:center;width:100%;padding:15px 0;display:flex}.title-group h1{text-transform:uppercase;letter-spacing:2px;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#fff,#00f2ff);-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.5rem;font-weight:900}@media screen and (max-width:768px){.hmp-header-main{text-align:left;flex-direction:column;gap:15px;margin-left:.5rem}.header-right-actions{justify-content:center;width:100%;gap:5px!important}.title-group h1{font-size:1.2rem}.title-group h1 small{display:block;font-size:.9rem!important}}.data-sync-badge{color:#000;background:#00ffa3;border-radius:30px;padding:6px 15px;font-size:.65rem;font-weight:700;box-shadow:0 0 10px #00ffa34d}.data-sync-badge i{margin-right:5px}:root{--hmp-bg-base:#111827;--hmp-cyan:#00f2ff;--hmp-orange:#fbbf24;--hmp-green:#4ade80;--hmp-red:#f87171;--hmp-purple:#a855f7;--hmp-grey:#94a3b8;--hmp-text-dim:#94a3b8;--hmp-today-border:#e5ff00;--hmp-month-border:#38bdf8}.hmp-dashboard-wrapper{flex-direction:column;gap:20px;padding:10px 0;display:flex}.hmp-kpi-group-wrapper{background:#ffffff05;border-radius:12px;padding:20px 15px 12px;position:relative}.hmp-grp-today{border:1.5px solid var(--hmp-today-border)}.hmp-grp-month{border:1.5px solid var(--hmp-month-border)}.hmp-group-label{background:#060b19;padding:0 10px;font-size:1rem;font-weight:800;position:absolute;top:-10px;left:15px}.hmp-lbl-today{color:var(--hmp-today-border)}.hmp-lbl-month{color:var(--hmp-month-border)}.hmp-kpi-grid{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.hmp-card{border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;justify-content:center;min-height:100px;padding:5px 15px;display:flex}.hmp-grad-cyan{background:linear-gradient(90deg,#00f2ff33,#0d122266)}.hmp-grad-orange{background:linear-gradient(90deg,#fbbf2433,#0d122266)}.hmp-grad-green{background:linear-gradient(90deg,#4ade8033,#0d122266)}.hmp-grad-red{background:linear-gradient(90deg,#f8717133,#0d122266)}.hmp-grad-purple{background:linear-gradient(90deg,#a855f733,#0d122266)}.hmp-grad-grey{background:linear-gradient(90deg,#94a3b826,#0d122266)}.hmp-main-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.hmp-label{color:var(--hmp-text-dim);text-transform:uppercase;font-size:.9rem;font-weight:700}.hmp-total{color:#fff;font-size:1.7rem;font-weight:900}.hmp-sub-row{border-top:1px solid #ffffff1a;justify-content:space-between;padding-top:6px;display:flex}.hmp-sub-stat{color:var(--hmp-text-dim);font-size:.8rem;font-weight:800}.hmp-dist-bar-container{background:#ffffff1a;border-radius:10px;width:100%;height:8px;margin:8px 0;display:flex;position:relative;overflow:hidden}.hmp-bar-ots{background:var(--hmp-cyan);height:100%;transition:width .5s}.hmp-bar-hmp{background:var(--hmp-purple);height:100%;transition:width .5s}.hmp-target-marker{z-index:3;background:#ff3131;width:2px;position:absolute;top:0;bottom:0;left:50%;box-shadow:0 0 5px red}.label-cyan{color:var(--hmp-cyan)!important}.label-orange{color:var(--hmp-orange)!important}.label-green{color:var(--hmp-green)!important}.label-red{color:var(--hmp-red)!important}.label-purple{color:var(--hmp-purple)!important}.hmp-loading{color:var(--hmp-cyan);text-align:center;padding:20px;font-weight:700}@media screen and (max-width:768px){.hmp-kpi-grid{grid-template-columns:repeat(2,1fr);gap:10px}.hmp-main-row{text-align:center;gap:4px;margin-bottom:12px;flex-direction:column!important;align-items:center!important}.hmp-card{min-height:90px;padding:8px 10px}.hmp-total{font-size:1.4rem}.hmp-label{font-size:.75rem}.hmp-sub-stat{font-size:.7rem}.hmp-group-label{font-size:.9rem}}@media screen and (max-width:320px){.hmp-kpi-grid{grid-template-columns:1fr!important}.hmp-group-label{font-size:.85rem!important}}.perf-section-container{justify-content:flex-start;width:100%;padding:0;display:flex}.section-header-row{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}@keyframes scrollLine{0%{background-position:200% 0}to{background-position:-200% 0}}.hmp-filter-select{color:var(--accent-cyan);border:1px solid var(--accent-cyan);cursor:pointer;text-transform:uppercase;background:#1a2a4a;border-radius:4px;outline:none;padding:4px 12px;font-size:.7rem;font-weight:900;box-shadow:0 0 10px #00f2ff33}.perf-table{width:100%}.perf-table th{color:var(--text-dim);text-transform:uppercase;border-bottom:1px solid var(--glass-border);font-size:.7rem}.hydrant-name-cell{text-transform:uppercase;font-weight:700;text-align:left!important;color:var(--accent-cyan)!important;font-size:.8rem!important}.hydrant-name{text-transform:uppercase;font-weight:700;text-align:left!important;color:var(--hmp-cyan)!important;font-size:.75rem!important}.total-num{text-transform:uppercase;font-weight:700;text-align:center!important;color:var(--hmp-cyan)!important;font-size:.75rem!important}.text-left{text-align:left!important}.cell-created{color:var(--hmp-cyan)}.cell-dispatched{color:var(--hmp-orange)}.cell-completed{color:var(--hmp-green)}.cell-cancelled{color:var(--hmp-grey)}.cell-pending{color:var(--hmp-red)}.row-grand-total{background:#32bbf733}.row-grand-total td{border-top:1px solid var(--accent-cyan);color:#fff;padding-top:10px;font-size:.8rem}.grand-total-accent{color:var(--accent-cyan)!important}.no-border{border:none!important}.section-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.section-header-title,.section-header-orders{letter-spacing:1.5px;color:var(--hmp-cyan);text-shadow:0 0 10px #00f2ff4d;align-items:center;gap:10px;padding-bottom:6px;font-size:.9rem;font-weight:900;display:flex;position:relative}.section-header-summary{letter-spacing:1.5px;color:var(--sew-purple);text-shadow:0 0 10px #00f2ff4d;align-items:center;gap:10px;font-size:.9rem;font-weight:900;display:flex;position:relative}.section-header-purple{letter-spacing:1.5px;color:var(--sew-purple);text-shadow:0 0 10px #00f2ff4d;align-items:center;gap:10px;padding-bottom:6px;font-size:.9rem;font-weight:900;display:flex;position:relative}.section-header-green{letter-spacing:1.5px;color:var(--hmp-green);text-shadow:0 0 10px #00f2ff4d;align-items:center;gap:10px;padding-bottom:6px;font-size:.9rem;font-weight:900;display:flex;position:relative}.section-header-red{letter-spacing:1.5px;color:red;text-shadow:0 0 10px #00f2ff4d;align-items:center;gap:10px;padding-bottom:6px;font-size:.9rem;font-weight:900;display:flex;position:relative}.section-header-aging{letter-spacing:1.5px;color:var(--hmp-orange);text-shadow:0 0 10px #00f2ff4d;align-items:center;gap:10px;padding-bottom:6px;font-size:.9rem;font-weight:900;display:flex;position:relative}.section-header-title:after,.section-header-red:after,.section-header-aging:after,.section-header-summary:after,.section-header-orders:after,.section-header-purple:after,.section-header-green:after{content:"";background:currentColor;width:40px;height:2px;animation:3s ease-in-out infinite line-grow;position:absolute;bottom:0;left:0;box-shadow:0 0 8px}@keyframes line-grow{0%,to{opacity:.5;width:30px}50%{opacity:1;width:100%}}.hmp-triple-grid{align-items:stretch;gap:12px;width:100%;display:grid;grid-template-columns:1.1fr .8fr 1.1fr!important}.hmp-grid-item{flex-direction:column;display:flex}.perf-table-wrapper.mini-table,.report-content{background:var(--card-gradient);box-sizing:border-box;border-radius:12px;flex-direction:column;min-height:350px;padding:10px;display:flex;box-shadow:0 0 15px #00f2ff0d,0 10px 30px #00000080;border:1px solid #00f2ff33!important;width:100%!important}.chart-container{flex:1;width:100%;min-height:250px;position:relative}.perf-table td{text-align:center;padding:5px;font-size:.85rem;font-weight:800}.placeholder-content{background:#0003;border:1px dashed #00f2ff1a;border-radius:8px;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.row-alert-blink{animation:1.5s ease-in-out infinite critical-row-glow}@keyframes critical-row-glow{0%,to{background:#ed080808}50%{background:#8d2222e9;box-shadow:inset 0 0 15px #f878781a}}.row-alert-blink .cell-pending{text-shadow:0 0 8px #da03034d;font-weight:900;color:#ff3131!important}.row-alert-blink .hydrant-name-cell{text-shadow:0 0 5px #ff313133}.aging-row-full{background:#0f172a99;border:1px solid #ffffff1a;border-radius:8px;width:69%;margin-top:10px}.aging-analysis-container{border-radius:12px;grid-template-columns:1fr 1fr;gap:100px;padding:5px;display:grid;border:1px solid #00f2ff33!important}.gps-online-header{color:var(--hmp-cyan);text-align:center;background:#71ebe01a;font-size:.75rem}.aging-table-section table{border-collapse:collapse;width:120%}.aging-table-section th{border-bottom:1px solid #ffffff0d;padding:5px;font-size:.7rem}.hydrant-name-cell{color:#38bdf8;text-transform:uppercase;font-size:.8rem;font-weight:700}.val-24{color:var(--hmp-orange);text-align:center;font-size:.9rem;font-weight:700}.val-48{color:var(--hmp-today-border);text-align:center;font-size:.9rem;font-weight:700}.val-72{color:red;text-align:center;font-size:.9rem;font-weight:700}.val-24w{color:var(--hmp-green);text-align:center;font-size:.9rem;font-weight:700}.aging-chart-section{justify-content:center;align-items:center;display:flex}.chart-wrapper{width:250px;height:250px;position:relative}.chart-center-text{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.total-num-aging{color:#fff;font-size:2rem;font-weight:900;display:block}.total-label{color:#94a3b8;font-size:1rem}.chart-legend{color:#fff;font-size:1rem;font-weight:700;line-height:1.8}.dot-a{border-radius:50%;width:8px;height:8px;margin-left:80px;margin-right:8px;display:inline-block}.dot-a.green{background:var(--hmp-green)}.dot-a.yellow{background:var(--hmp-orange)}.dot-a.orange{background:var(--hmp-today-border)}.dot-a.red{background:red}.perc-tag-1{color:var(--hmp-green);margin-left:4px;font-size:1rem;font-weight:400}.perc-tag-2{color:var(--hmp-orange);margin-left:4px;font-size:1rem;font-weight:400}.perc-tag-3{color:var(--hmp-today-border);margin-left:4px;font-size:1rem;font-weight:400}.perc-tag-4{color:red;margin-left:4px;font-size:1rem;font-weight:400}.hmp-dual-grid{grid-template-columns:3fr 1fr;align-items:stretch;gap:15px;margin-top:8px;display:grid}.aging-row-left,.violations-section{min-width:0}@keyframes severe-blink{0%{background-color:#0000}50%{background-color:#8d2222e9}to{background-color:#0000}}.blink-row{animation:1.5s infinite severe-blink}.blink-row .val-72{color:#ef4444;font-weight:700}.summary-table{border-collapse:collapse;color:#e2e8f0;table-layout:auto;width:100%;font-size:1rem}.summary-table th{color:#fff;text-align:center;white-space:nowrap;background:#0f172a;border:1px solid #1e293b;padding:6px 4px;font-size:.8rem;font-weight:700}.summary-table td{text-align:center;border:1px solid #1e293b;padding:8px 6px;line-height:1.2}.order-summary-container{height:100%;overflow-y:auto}.hydrant-name{font-weight:600;text-align:left!important;padding-left:8px!important}.footer-total-row td{color:var(--hmp-cyan);padding:6px 4px;font-weight:800}.footer-total-row-o td{color:var(--sew-purple);padding:6px 4px;font-weight:800}.report-nav-pill-box{background:#0f172a;border:1px solid #334155;border-radius:6px;gap:5px;padding:4px;display:flex}.report-nav-pill-box button{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px 12px;font-size:.7rem;font-weight:700;transition:all .3s}.report-nav-pill-box button.active{color:#fff;background:#0ea5e9;box-shadow:0 0 10px #0ea5e966}.dashboard-grid{flex:1;grid-template-columns:2.2fr .8fr;align-items:stretch;gap:10px;min-height:0;display:grid}.report-nav-bar{gap:8px;display:flex}.nav-btn-s{cursor:pointer;color:var(--text-dim);text-transform:uppercase;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:4px 12px;font-size:.65rem;font-weight:800;transition:all .3s}.nav-btn-s:hover{background:#ffffff1a;border-color:#ffffff4d}.nav-btn-s.active{border-color:var(--accent-cyan);color:var(--hmp-cyan);background:#00f2ff1a;box-shadow:0 0 10px #00f2ff33}.nav-btn-o{cursor:pointer;color:var(--text-dim);text-transform:uppercase;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:4px 12px;font-size:.65rem;font-weight:800;transition:all .3s}.nav-btn-o:hover{background:#ffffff1a;border-color:#ffffff4d}.nav-btn-o.active{border-color:var(--accent-cyan);color:var(--sew-purple);background:#00f2ff1a;box-shadow:0 0 10px #00f2ff33}.nav-btn-a{cursor:pointer;color:var(--text-dim);text-transform:uppercase;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:4px 12px;font-size:.65rem;font-weight:800;transition:all .3s}.nav-btn-a:hover{background:#ffffff1a;border-color:#ffffff4d}.nav-btn-a.active{border-color:var(--accent-cyan);color:var(--hmp-orange);background:#00f2ff1a;box-shadow:0 0 10px #00f2ff33}.inner-report-header{border-bottom:1px solid #ffffff1a;align-items:center;gap:10px;margin-bottom:10px;padding-bottom:5px;display:flex}.inner-report-header i{font-size:.9rem}.inner-report-header span{letter-spacing:1px;font-size:.85rem;font-weight:900}@media(max-width:768px){.hmp-header-main{flex-direction:column;align-items:flex-start;height:auto}.hydrant-content-wrapper{padding-top:20px}.hmp-header-main h1{font-size:1.2rem}}.dashboard-grid{grid-template-columns:2fr 1fr;gap:20px;display:grid}@media(max-width:1024px){.hmp-triple-grid,.dashboard-grid{flex-direction:column;gap:15px;display:flex;grid-template-columns:1fr!important}.report-content{width:100%;min-width:unset}.table-scroll-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.report-nav-bar{white-space:nowrap;padding-bottom:5px;display:flex;overflow-x:auto}}.login-page-container{background-color:#f8fafc;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;max-width:450px;overflow:hidden;box-shadow:0 10px 25px #0000001a}.login-header{text-align:center;flex-direction:column;align-items:center;padding:40px 20px 20px;display:flex}.login-logo{object-fit:contain;width:90px;height:90px;margin-bottom:15px}.login-title-thin{color:#3f4254;margin:0;font-size:1.1rem;font-weight:400}.login-title-bold{color:#3f4254;text-transform:uppercase;margin:0;font-size:1.1rem;font-weight:800}.login-divider{background-color:#5d5fb0;width:85%;height:3px;margin-top:20px}.login-body{padding:0 40px 40px}.input-group{margin-bottom:20px}.input-label{color:#64748b;margin-bottom:5px;font-size:.85rem;font-weight:600;display:block}.input-wrapper{align-items:stretch;display:flex;position:relative}.login-input{color:#334155;background:#ebedf3;border:none;border-radius:6px 0 0 6px;outline:none;flex:1;padding:12px 15px;font-size:.95rem}.input-icon-box{background:#5d5fb0;border-radius:0 6px 6px 0;align-items:center;padding:0 12px;display:flex}.password-toggle{color:#94a3b8;cursor:pointer;background:0 0;border:none;position:absolute;top:50%;right:55px;transform:translateY(-50%)}.login-submit-btn{color:#fff;cursor:pointer;background:#434591;border:none;border-radius:6px;width:100%;padding:14px;font-weight:700;transition:background .2s}.login-submit-btn:hover{background:#36387a}.login-submit-btn:disabled{cursor:not-allowed;background:#cbd5e1}.login-error{border-radius:4px;justify-content:center;align-items:center;gap:8px;margin-top:20px;padding:10px;font-size:.75rem;font-weight:700;display:flex}.error-warning{color:#b45309;background:#fffbeb;border:1px solid #fef3c7}.error-lock{color:#b91c1c;background:#fef2f2;border:1px solid #fee2e2;animation:2s infinite pulse}.login-footer{text-align:center;margin-top:40px}.login-footer p{color:#94a3b8;font-size:.7rem;font-weight:500}.selector-container{background:#f8fafc;flex-direction:column;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.selector-header{text-align:center;margin-bottom:40px}.welcome-text{color:#1e293b;margin:10px 0 5px;font-size:2rem;font-weight:300}.welcome-text span{color:#1a335d;font-weight:700}.welcome-subtext{color:#64748b;font-size:1rem}.selector-grid{grid-template-columns:repeat(3,1fr);gap:25px;width:100%;max-width:1100px;display:grid}.selector-card{cursor:pointer;text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;align-items:center;padding:30px 20px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.selector-card:hover{border-color:#2563eb;transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a}.disabled-card{cursor:not-allowed;opacity:.7;background:#f1f5f9}.disabled-card:hover{border-color:#e2e8f0;transform:none}.coming-soon-tag{color:#fff;text-transform:uppercase;background:#94a3b8;padding:2px 35px;font-size:.65rem;font-weight:700;position:absolute;top:10px;right:-30px;transform:rotate(45deg)}.icon-wrapper{margin-bottom:15px}.selector-card h3{color:#1e293b!important;margin:10px 0!important;font-size:1.1rem!important;font-weight:700!important}.selector-card p{color:#64748b!important;font-size:.85rem!important;line-height:1.4!important}@media(max-width:1024px){.selector-grid{grid-template-columns:repeat(2,1fr);max-width:700px}}@media(max-width:768px){.selector-container{padding-top:20px}.welcome-text{font-size:1.5rem}.selector-grid{grid-template-columns:1fr;gap:15px}.selector-card{padding:25px 15px}}.selector-logout{color:#dc2626;cursor:pointer;background:#fff1f1;border:1px solid #fee2e2;border-radius:8px;margin-top:40px;padding:10px 20px;font-weight:600;transition:all .2s}.selector-logout:hover{background:#fecaca}.lcms-one-view-wrapper{background:#0f172a;flex-direction:column;display:flex;overflow:hidden}.lcms-ceo-header{border-bottom:1px solid #1e293b;margin-bottom:20px;padding-bottom:10px}.lcms-ceo-header .tag{color:#d4af37;letter-spacing:2px;font-size:1.2rem;font-weight:900}.lcms-kpi-row{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.kpi-card-simple{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:10px;position:relative;box-shadow:0 4px 15px #0003}.border-red{border-left:5px solid #ef4444}.border-blue{border-left:5px solid #3b82f6}.border-purple{border-left:5px solid #a78bfa}.border-green{border-left:5px solid #10b981}.border-yellow{border-left:5px solid #97b910}.kpi-card-simple label{color:#94a3b8;text-transform:uppercase;margin-bottom:5px;font-size:.9rem;font-weight:800;display:block}.kpi-card-simple .val{color:#fff;font-size:2.5rem;font-weight:900;line-height:1}.kpi-card-simple .sub{color:#97ca2f;margin-top:8px;font-size:1rem;font-weight:700}.kpi-card-simple .sub1{color:#ca7f2f;margin-top:8px;font-size:.8rem;font-weight:700}.color-red{color:#ef4444!important}.color-yellow{color:#97b910!important}.color-green{color:#4ade80!important}.icon-red{color:#ef4444;opacity:.6;position:absolute;top:20px;right:20px}.icon-yellow{color:#97b910;opacity:.6;position:absolute;top:20px;right:20px}.lcms-main-grid{flex-grow:1;grid-template-columns:1fr 1fr;gap:10px;min-height:0;display:grid}.panel-header-inline{align-items:center;gap:10px;margin-bottom:15px;display:flex}.badge-lit{color:#000;background:#d4af37;border-radius:4px;padding:3px 10px;font-size:.65rem;font-weight:900}.panel-header-inline h3{color:#fff;margin:0;font-size:1rem;font-weight:900}.table-container-fixed{overflow:hidden}.cell-main{color:#d4af37;margin-bottom:3px;font-size:.9rem;font-weight:900}.cell-sub{color:#fff;opacity:.9;font-weight:600;line-height:1.3}.date-box{color:#f87171;background:#ef444433;border-radius:4px;align-items:center;gap:6px;width:fit-content;padding:5px 8px;font-size:.85rem;font-weight:900;display:flex}.name-box{color:#71f8cb;border-radius:4px;align-items:center;gap:6px;width:fit-content;padding:5px 8px;font-size:.9rem;font-weight:900;display:flex}.matter-text{color:#38bdf8;margin-bottom:8px;font-size:.85rem;font-weight:800}.dept-action-btn{color:#fff;cursor:pointer;text-align:left;background:#0f172a;border:1px solid #475569;border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:8px 10px;font-size:.75rem;font-weight:800;display:flex}.row-passed{opacity:.5;filter:grayscale(.5)}.row-next-glow{background:#d4af3726;border:1px solid #d4af3766;animation:1.5s infinite alertBlink}@keyframes alertBlink{0%,to{background:#d4af371a}50%{background:#d4af3766}}.lcms-overlay{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lcms-modal{background:#1e293b;border:2px solid #d4af37;border-radius:16px;width:500px;padding:30px;box-shadow:0 0 40px #00000080}.modal-head{color:#fff;border-bottom:1px solid #334155;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:15px;font-size:1.1rem;font-weight:900;display:flex}.modal-body{color:#fff;font-size:1rem;font-weight:600;line-height:1.6}.modal-close{cursor:pointer;color:#000;background:#d4af37;border:none;border-radius:8px;width:100%;margin-top:25px;padding:12px;font-weight:900}@media screen and (max-width:768px){.lcms-one-view-wrapper{height:auto;padding:15px;overflow-y:auto}.lcms-kpi-row{-webkit-overflow-scrolling:touch;gap:12px;padding-bottom:15px;display:flex;overflow-x:auto}.kpi-card-simple{flex-shrink:0;min-width:200px}.lcms-main-grid{grid-template-columns:1fr}.table-container-fixed{-webkit-overflow-scrolling:touch;margin:0 -5px;overflow-x:auto!important}.lcms-one-pager-table{table-layout:auto!important;width:700px!important}.lcms-one-pager-table th,.lcms-one-pager-table td{white-space:normal;min-width:150px}.mobile-swipe-hint{color:#64748b;text-transform:uppercase;letter-spacing:1px;margin-top:5px;font-size:10px;font-weight:700;animation:2s infinite hintPulse;display:block}@keyframes hintPulse{0%,to{opacity:.5}50%{opacity:1;color:#d4af37}}}@media screen and (min-width:769px){.mobile-swipe-hint{display:none}}@media screen and (max-width:768px){.table-container-fixed{-webkit-overflow-scrolling:touch;position:relative;overflow-y:hidden;width:100%!important;display:block!important;overflow-x:auto!important}.table-container-fixed::-webkit-scrollbar{height:6px}.table-container-fixed::-webkit-scrollbar-thumb{background:#334155;border-radius:10px}}.registrationDate{font-weight:600;color:#0f172a!important}.violation-summary-line{background:#0000004d;border-bottom:1px solid #f8717133;justify-content:center;align-items:center;gap:20px;margin-bottom:5px;padding:8px 10px;display:flex}.v-inline-stat{align-items:center;gap:8px;display:flex}.v-inline-stat .v-label{color:var(--text-dim);letter-spacing:.5px;font-size:.75rem;font-weight:800}.v-inline-stat .v-value{font-size:1.1rem;font-weight:900}.v-divider{color:var(--border-color);opacity:.5;font-weight:300}.table-scroll-container{-webkit-overflow-scrolling:touch;width:100%;overflow:auto}.table-scroll-container::-webkit-scrollbar{height:4px}.table-scroll-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}@media(max-width:768px){.violation-table th,.violation-table td{visibility:visible!important;opacity:1!important;display:table-cell!important}.t-owner{text-overflow:ellipsis;max-width:80px;font-size:.7rem;display:block;overflow:hidden}.v-inline-stat .v-value{font-size:.9rem}}.violation-table th{text-align:center;background:#2d3748!important;font-size:.8rem!important}.violation-table td{text-align:center;font-size:.85rem!important}.truck-cell{flex-direction:column;display:flex}.t-num{color:var(--water-blue);font-weight:700}.t-owner{color:var(--text-dim);text-transform:uppercase;font-size:.8rem}.text-red{color:#f87171!important}.hmp-status-container{flex-direction:column;padding:10px 12px;display:flex}.hmp-status-header-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:5px;padding:0 5px 1px;display:flex}.hmp-status-label{color:var(--text-dim);letter-spacing:1px;font-size:.75rem;font-weight:700}.hmp-status-time{color:var(--green-ok);background:#4ade801a;border-radius:12px;padding:3px 10px;font-size:.8rem;font-weight:800}.hmp-status-grid{grid-template-columns:1fr 1fr;gap:12px 20px;display:grid}.hmp-status-row{background:#ffffff08;border-radius:6px;justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.hmp-status-row:hover{background:#d3cccc38}.name-stack{flex-direction:column;line-height:1.2;display:flex}.hmp-name-text{color:var(--text-main);letter-spacing:.3px;font-size:.9rem;font-weight:700}.filling-time-text,.cctv-off-since-text,.no-entry-alert{text-transform:uppercase;margin-top:2px;font-size:.68rem;font-weight:700}.filling-time-text{color:var(--green-ok)}.cctv-off-since-text{color:#f5c800}.no-entry-alert{color:var(--red-crit)}.compact-badge{text-align:center;border-radius:4px;min-width:75px;padding:4px 8px;font-size:.65rem;font-weight:900}.compact-badge.CCTV_OFF{color:#f5c800;background:#3b381e;border:1px solid #444121}.compact-badge.FILLING_START,.compact-badge.ACTIVE{color:#4ade80;background:#4ade8026;border:1px solid #4ade804d}.compact-badge.FILLING_STOP{color:#f87171;background:#f8717126;border:1px solid #f871714d}.compact-badge.UNKNOWN{color:#94a3b8;background:#334155}.hmp-no-entries-wrapper{justify-content:center;align-items:center;height:100%;min-height:250px;display:flex}.hmp-no-entries-content{text-align:center;border:1px dashed var(--border-color);background:#ffffff05;border-radius:8px;padding:20px}.hmp-no-entries-icon{margin-bottom:8px;font-size:1.5rem;display:block}.hmp-no-entries-content p{color:var(--text-dim);margin:0;font-size:.75rem;font-weight:800}.lcms-admin-container td{color:#000!important;background-color:#0000!important;border-bottom:1px solid #f1f5f9!important;padding:1rem!important;font-size:.8rem!important}.lcms-admin-container th{color:#fff!important;padding:1rem!important}.lcms-admin-container .bg-white{background-color:#fff!important}.lcms-one-view-wrapper{flex-direction:column;height:100vh;max-height:100vh;display:flex;overflow:hidden}.lcms-one-pager-table{border-collapse:separate;border-spacing:0 6px;width:100%}.lcms-one-pager-table th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:1px;font-size:11px}.lcms-one-pager-table td{vertical-align:middle;background:#1e293b99}.cell-main{color:#94a3b8;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:700}.cell-case-title{color:#fbbf24;font-size:14px;font-weight:900;line-height:1.2}.date-alert-box{color:#ef4444;letter-spacing:-.5px;font-size:18px;font-weight:900}.advocate-highlight{color:#22d3ee;text-transform:uppercase;font-size:12px;font-weight:800}.matter-text{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;max-width:250px;font-size:13px;font-weight:500;overflow:hidden}.dept-action-btn{color:#94a3b8;background:#0f172acc;border:1px solid #ffffff0d;border-radius:8px;align-items:center;gap:6px;margin-top:6px;padding:6px 12px;font-size:11px;font-weight:900;display:flex}.row-next-glow td{border-top:1px solid #ef444466;border-bottom:1px solid #ef444466;animation:2s infinite alertPulse;background:#ef444426!important}@keyframes alertPulse{0%{box-shadow:inset 0 0 #ef444400}50%{box-shadow:inset 0 0 20px #ef444433}to{box-shadow:inset 0 0 #ef444400}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}