@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-space-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-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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@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-neutral-700:oklch(37.1% 0 0);--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--container-3xl:48rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--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-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--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);--color-brand-lime:var(--color-brand-lime);--color-brand-aqua:var(--color-brand-aqua);--color-accent-coral:var(--color-accent-coral);--color-accent-mint:var(--color-accent-mint);--color-surface:var(--color-surface);--color-surface-subtle:var(--color-surface-subtle);--color-surface-strong:var(--color-surface-strong);--color-canvas:var(--color-canvas);--color-danger:var(--color-danger);--color-border:var(--color-border);--color-border-soft:var(--color-border-soft)}}@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}.fixed{position:fixed}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.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-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-10{height:calc(var(--spacing) * 10)}.min-h-screen{min-height:100vh}.w-10{width:calc(var(--spacing) * 10)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-6xl{max-width:var(--container-6xl)}.flex-1{flex:1}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[1\.5rem\]{border-radius:1.5rem}.rounded-\[2rem\]{border-radius:2rem}.rounded-full{border-radius:3.40282e38px}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-\[var\(--color-border\)\]{border-color:var(--color-border)}.bg-\[color-mix\(in_srgb\,var\(--color-accent-blue\)_8\%\,white\)\]{background-color:var(--color-accent-blue)}@supports (color:color-mix(in lab,red,red)){.bg-\[color-mix\(in_srgb\,var\(--color-accent-blue\)_8\%\,white\)\]{background-color:color-mix(in srgb,var(--color-accent-blue) 8%,white)}}.bg-\[color-mix\(in_srgb\,var\(--color-accent-coral\)_10\%\,white\)\]{background-color:var(--color-accent-coral)}@supports (color:color-mix(in lab,red,red)){.bg-\[color-mix\(in_srgb\,var\(--color-accent-coral\)_10\%\,white\)\]{background-color:color-mix(in srgb,var(--color-accent-coral) 10%,white)}}.bg-\[color-mix\(in_srgb\,var\(--color-brand-aqua\)_14\%\,white\)\]{background-color:var(--color-brand-aqua)}@supports (color:color-mix(in lab,red,red)){.bg-\[color-mix\(in_srgb\,var\(--color-brand-aqua\)_14\%\,white\)\]{background-color:color-mix(in srgb,var(--color-brand-aqua) 14%,white)}}.bg-brand{background-color:var(--color-brand-deep)}.bg-surface-subtle{background-color:var(--color-surface-subtle)}.bg-white{background-color:var(--color-white)}.bg-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.bg-white\/90{background-color:color-mix(in oklab,var(--color-white) 90%,transparent)}}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.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-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-14{padding-block:calc(var(--spacing) * 14)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--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))}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-8{--tw-leading:calc(var(--spacing) * 8);line-height:calc(var(--spacing) * 8)}.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-\[-0\.03em\]{--tw-tracking:-.03em;letter-spacing:-.03em}.tracking-\[-0\.04em\]{--tw-tracking:-.04em;letter-spacing:-.04em}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.text-brand{color:var(--color-brand-deep)}.text-brand-aqua{color:var(--color-brand-aqua)}.text-copy{color:var(--color-text)}.text-copy-muted{color:var(--color-text-muted)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.shadow-\[0_12px_24px_rgba\(0\,89\,76\,0\.18\)\]{--tw-shadow:0 12px 24px var(--tw-shadow-color,#00594c2e);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_14px_28px_rgba\(0\,89\,76\,0\.18\)\]{--tw-shadow:0 14px 28px var(--tw-shadow-color,#00594c2e);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_16px_28px_rgba\(0\,89\,76\,0\.16\)\]{--tw-shadow:0 16px 28px var(--tw-shadow-color,#00594c29);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_16px_36px_rgba\(28\,46\,69\,0\.08\)\]{--tw-shadow:0 16px 36px var(--tw-shadow-color,#1c2e4514);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_18px_36px_rgba\(0\,89\,76\,0\.22\)\]{--tw-shadow:0 18px 36px var(--tw-shadow-color,#00594c38);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_20px_44px_rgba\(28\,46\,69\,0\.1\)\]{--tw-shadow:0 20px 44px var(--tw-shadow-color,#1c2e451a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_24px_60px_rgba\(28\,46\,69\,0\.12\)\]{--tw-shadow:0 24px 60px var(--tw-shadow-color,#1c2e451f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-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-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))}@media(hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:bg-surface-subtle:hover{background-color:var(--color-surface-subtle)}.hover\:opacity-95:hover{opacity:.95}}@media(min-width:40rem){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}}@media(min-width:48rem){.md\:flex{display:flex}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media(min-width:64rem){.lg\:grid-cols-\[1\.1fr_0\.9fr\]{grid-template-columns:1.1fr .9fr}.lg\:grid-cols-\[1\.2fr_0\.8fr\]{grid-template-columns:1.2fr .8fr}.lg\:px-10{padding-inline:calc(var(--spacing) * 10)}.lg\:py-16{padding-block:calc(var(--spacing) * 16)}.lg\:py-20{padding-block:calc(var(--spacing) * 20)}}}@property --tw-space-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-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-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}@layer components{.ui-card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:1.25rem;box-shadow:0 18px 48px #1c2e451f}.ui-input{width:100%;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:.75rem;padding:.75rem 1rem;box-shadow:0 1px 2px #1c2e450f;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.ui-input::placeholder{color:var(--color-text-muted)}.ui-input:focus{border-color:var(--color-accent-blue);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-accent-blue) 20%,transparent)}.ui-btn-primary{background:var(--color-brand-deep);display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:.75rem;padding:.625rem 1rem;font-weight:600;color:#fff;transition:background-color .16s ease,box-shadow .16s ease;outline:none}.ui-btn-secondary{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);display:inline-flex;align-items:center;justify-content:center;border-radius:.75rem;padding:.625rem 1rem;font-weight:600;transition:background-color .16s ease,box-shadow .16s ease,border-color .16s ease;outline:none}.ui-badge{background:color-mix(in srgb,var(--color-brand-aqua) 12%,transparent);color:var(--color-brand-aqua);display:inline-flex;align-items:center;border-radius:999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.ui-table{width:100%;border-spacing:0;border-collapse:separate;overflow:hidden;border:1px solid var(--color-border);background:var(--color-surface);border-radius:1.25rem}.ui-btn-primary:hover{background:color-mix(in srgb,var(--color-brand-deep) 90%,black)}.ui-btn-primary:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-brand-deep) 20%,transparent)}.ui-btn-secondary:hover{background:var(--color-surface-subtle)}.ui-btn-secondary:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-accent-blue) 15%,transparent)}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:Outfit,sans-serif;background:var(--theme-canvas);color:var(--theme-text);height:100vh;overflow:hidden;display:flex;flex-direction:column;letter-spacing:-.05px}#appShell{display:none;flex:1;min-height:0;flex-direction:row}.auth-gate{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:28px;background:radial-gradient(circle at 14% 12%,rgba(70,208,167,.22),transparent 38%),radial-gradient(circle at 88% 86%,rgba(255,117,93,.2),transparent 44%),linear-gradient(145deg,#f3f8ff,#e8f1fb 48%,#eef5ff)}.auth-card{position:relative;width:468px;max-width:100%;border:1px solid #d4dfec;border-radius:14px;background:linear-gradient(180deg,#fff,#f9fcff);overflow:hidden;box-shadow:0 24px 50px #182d4f2b}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ff6f4f,#47c68e 48%,#3f80ff)}.auth-head{padding:22px 24px 14px;background:#fff;border-bottom:1px solid #e1e9f3}.auth-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.35px;color:#24604d;background:#ebf8f2;border:1px solid #ccefe0;border-radius:999px;padding:4px 10px;margin-bottom:10px}.auth-title{font-size:25px;font-weight:700;letter-spacing:-.4px;color:#182940;margin-bottom:5px}.auth-sub{font-size:13px;color:#5a6e87;line-height:1.5}.auth-body{padding:18px 24px 22px;display:flex;flex-direction:column;gap:12px}.auth-card .field-group{gap:7px}.auth-card label{font-size:11px;font-weight:700;letter-spacing:.45px;color:#6d7f95;text-transform:uppercase}.auth-card input{background:#f7fafd;border:1px solid #d4dfed;border-radius:8px;color:#1b2b41;padding:11px 12px;font-size:14px}.auth-card input::placeholder{color:#93a4ba}.auth-card input:focus{border-color:#6b90dd;box-shadow:0 0 0 3px #5f88d829}.auth-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}.auth-card .btn{border-radius:8px;min-width:126px;font-size:13px;padding:10px 14px}.auth-card .btn-primary{background:#182c49;color:#f4f8ff}.auth-card .btn-primary:hover{background:#213a60}.auth-footnote{margin-top:1px;font-size:12px;color:#6e8198;line-height:1.45}.auth-switch-btn{background:none;border:none;color:#2f6ca7;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px}.auth-switch-btn:hover{color:#1f4c74}.workspace-onboarding-gate{position:fixed;inset:0;z-index:2100;display:none;align-items:center;justify-content:center;padding:20px;background:#0d1b2d9e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.workspace-onboarding-card{width:680px;max-width:100%;border:1px solid #d4dfec;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 22px 52px #11223947}.workspace-onboarding-head{padding:14px 18px;border-bottom:1px solid #e1e9f3;background:#f7fbff;font-size:16px;font-weight:700;color:#1f3651}.workspace-onboarding-body{padding:16px 18px 18px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.workspace-onboarding-pane{border:1px solid #dbe6f3;border-radius:8px;padding:12px;background:#fbfdff;display:flex;flex-direction:column;gap:10px}.workspace-onboarding-title{font-size:13px;font-weight:700;color:#223d5d}.workspace-onboarding-note{grid-column:1 / -1;font-size:12px;color:#5a6f87}@media(max-width:760px){.workspace-onboarding-body{grid-template-columns:1fr}}@media(max-width:560px){.auth-gate{padding:16px}.auth-card{border-radius:10px}.auth-head,.auth-body{padding-left:16px;padding-right:16px}.auth-title{font-size:22px}.auth-card .btn{width:100%}.auth-actions{display:block}}.btn{font-family:Outfit,sans-serif;font-size:12px;font-weight:600;padding:7px 12px;border-radius:6px;border:none;cursor:pointer;letter-spacing:.1px;transition:all .12s ease;display:inline-flex;align-items:center;gap:4px}.btn-outline{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted)}.btn-outline:hover{border-color:var(--color-accent-blue);color:var(--color-text)}.btn-primary{background:var(--color-brand-deep);color:#fff}.btn-primary:hover{background:color-mix(in srgb,var(--color-brand-deep) 88%,black)}.btn-primary:active{transform:scale(.98)}.main{display:flex;flex:1;height:100%;overflow:hidden;min-height:0}.sidebar{width:380px;flex-shrink:0;background:var(--sidebar-bg);border-right:1px solid var(--theme-border);overflow-y:auto;min-height:0;padding:24px 24px 40px;display:flex;flex-direction:column;gap:20px}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:#6384b152;border-radius:2px}.form-section{background:var(--theme-surface);border:1px solid var(--theme-border);border-radius:10px;overflow:visible;flex-shrink:0;position:relative;box-shadow:0 1px #0e1e3a08}.form-section:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;border-radius:10px 10px 0 0;background:var(--theme-rainbow);opacity:.7}.form-section-header{background:#f5f9ff;padding:10px 16px;font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#617b98;border-bottom:1px solid #e4edf9;border-radius:10px 10px 0 0}.form-section-body{padding:16px;display:flex;flex-direction:column;gap:14px}.field-group{display:flex;flex-direction:column;gap:6px}label{font-size:11px;font-weight:600;letter-spacing:.5px;color:#6e839d;text-transform:uppercase}input,select,textarea{font-family:Outfit,sans-serif;font-size:13px;background:#fff;border:1px solid #cfdded;border-radius:8px;color:#1c2f48;padding:9px 12px;width:100%;outline:none;transition:border-color .15s;resize:none}input:focus,select:focus,textarea:focus{border-color:#6d93df;box-shadow:0 0 0 3px #5884d924}select option{background:#fff;color:#1c2f48}textarea{min-height:80px;line-height:1.6}.type-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.type-btn{background:#fbfdff;border:1px solid #d8e4f2;border-radius:8px;padding:12px 8px;text-align:center;cursor:pointer;transition:all .15s;font-family:Outfit,sans-serif;display:flex;flex-direction:column;align-items:center;gap:4px;min-height:72px;justify-content:center}.type-btn:hover{border-color:#9db8d7;background:#f4f9ff}.type-btn.active{background:#eaf3ff;border-color:#a9c2e1}.type-btn.disabled{opacity:.5;filter:grayscale(.1)}.type-btn .type-icon{font-size:18px;margin-bottom:4px}.type-btn .type-label{font-size:11px;font-weight:600;color:#5b7390}.type-btn.active .type-label{color:#274466}.bullet-list{display:flex;flex-direction:column;gap:8px}.bullet-row{display:flex;gap:8px;align-items:center}.bullet-row input{flex:1}.remove-btn{background:transparent;border:1px solid rgba(255,111,79,.38);color:#c74e35c7;border-radius:8px;width:30px;height:30px;cursor:pointer;font-size:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .15s;padding:0}.remove-btn:hover{background:#ff6f4f1a;color:#b2452f;border-color:#ff6f4f}.add-btn{background:transparent;border:1px dashed #9bc4af;color:#2f7b61;border-radius:8px;padding:8px;width:100%;cursor:pointer;font-family:Outfit,sans-serif;font-size:12px;font-weight:600;transition:all .15s;letter-spacing:.3px}.add-btn:hover{border-color:#47c68e;color:#226e4f;background:#47c68e14}.toggle-row{display:flex;align-items:center;justify-content:space-between}.toggle-label{font-size:13px;color:#5d7692}.toggle{width:38px;height:20px;background:#d7e3f1;border-radius:10px;position:relative;cursor:pointer;transition:background .2s;border:none;flex-shrink:0}.toggle.on{background:#47c68e}.toggle:after{content:"";position:absolute;width:14px;height:14px;background:#fff;border-radius:50%;top:3px;left:3px;transition:left .2s}.toggle.on:after{left:21px}.preview-area{flex:1;height:100%;background:#edf4fc;overflow-y:auto;min-height:0;-webkit-overflow-scrolling:touch;padding:18px 20px;display:flex;justify-content:center;align-items:flex-start}.preview-area::-webkit-scrollbar{width:6px}.preview-area::-webkit-scrollbar-track{background:transparent}.preview-area::-webkit-scrollbar-thumb{background:#6384b157;border-radius:3px}.email-wrapper{max-width:760px;width:100%;height:auto;flex:0 0 auto;background:#fff;border-radius:4px;overflow:hidden;box-shadow:0 8px 40px #0000002e;font-family:Outfit,Arial,sans-serif}.e-header{background:#00594c}.e-header-accent{height:5px;background:#93c90e}.e-header-inner{padding:24px 36px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}.e-logo{font-size:20px;font-weight:700;color:#fff;letter-spacing:-.3px}.e-logo span{color:#93c90e}.e-itops{display:flex;flex-direction:column;align-items:center;gap:3px}.e-itops-label{font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#93c90e}.e-itops-divider{width:32px;height:2px;background:#93c90e59;border-radius:1px}.e-itops-sub{font-size:10px;color:#fff6;letter-spacing:.5px}.e-banner{padding:14px 36px;display:table;width:100%;border-left:4px solid}.e-banner p{display:table-cell;font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;vertical-align:middle;margin:0}.e-banner-icon{display:table-cell;width:24px;font-size:16px;vertical-align:middle;padding-right:10px;line-height:1}.banner-action{background:#00473c;border-color:#93c90e}.banner-action p{color:#93c90e}.banner-info{background:#003d54;border-color:#00bbb0}.banner-info p{color:#00bbb0}.banner-incident{background:#4a0f0f;border-color:#fa4244}.banner-incident p{color:#fa4244}.banner-maintenance{background:#2d2000;border-color:#f5a623}.banner-maintenance p{color:#f5a623}.banner-exec{background:#2f3e4b;border-color:#9fb3c8}.banner-exec p{color:#d7e4f2}.e-body{padding:36px;background:#fff}.e-greeting{font-size:20px;font-weight:600;color:#00594c;margin-bottom:14px}.e-intro{font-size:14px;line-height:1.75;color:#333;margin-bottom:24px}.e-card{background:#f7faf7;border:1px solid #e0ede0;border-left:4px solid #00594C;border-radius:2px;padding:20px 24px;margin-bottom:24px}.e-card h3{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#00594c;margin-bottom:12px}.e-bullets{list-style:none;display:flex;flex-direction:column;gap:9px}.e-bullets li{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#333;line-height:1.5}.e-check{width:17px;height:17px;background:#00594c;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:1px}.e-check svg{width:9px;height:9px}.e-steps{margin-bottom:24px}.e-steps-title{font-size:13px;font-weight:600;color:#00594c;margin-bottom:12px}.e-step{display:table;width:100%;margin-bottom:12px;border-collapse:collapse}.e-step-num{display:table-cell;width:28px;min-width:28px;height:28px;background:#00594c;color:#fff;font-size:11px;font-weight:700;border-radius:50%;text-align:center;vertical-align:top;padding-top:6px;font-family:Arial,sans-serif}.e-step-text{display:table-cell;font-size:13px;color:#444;line-height:1.6;padding-left:12px;vertical-align:top;padding-top:4px}.e-bullets{list-style:none;padding:0;margin:0}.e-bullets li{display:table;width:100%;margin-bottom:9px;border-collapse:collapse;font-size:13px;color:#333;line-height:1.5}.e-check{display:table-cell;width:20px;min-width:20px;vertical-align:top;padding-top:1px}.e-check-circle{display:inline-block;width:17px;height:17px;background:#00594c;border-radius:50%;text-align:center;line-height:17px;font-size:10px;color:#fff;font-weight:700}.e-bullet-text{display:table-cell;vertical-align:top;padding-left:8px;padding-top:1px}.e-warning{background:#fff8f0;border:1px solid #f5d9b0;border-left:4px solid #f5a623;border-radius:2px;padding:14px 18px;margin-bottom:24px;font-size:13px;color:#7a4f00;line-height:1.6}.e-signoff{font-size:13px;color:#555;line-height:1.75;border-top:1px solid #eee;padding-top:20px}.e-signoff strong{display:block;font-size:14px;color:#00594c;font-weight:600;margin-top:14px}.e-footer{background:#00594c;padding:24px 36px}.e-footer-grid{display:flex;gap:12px;margin-bottom:18px}.e-footer-card{flex:1;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:2px;padding:12px;text-align:center}.e-footer-card .flabel{font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#93c90e;margin-bottom:5px}.e-footer-card .fval{font-size:12px;color:#fff;font-weight:500;line-height:1.5}.e-footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:14px;text-align:center;font-size:10px;color:#fff6;line-height:1.7}.e-footer-bottom strong{color:#fff9}.hidden{display:none!important}.toast{position:fixed;bottom:28px;right:28px;background:#1e3558;border:1px solid #6ca2f1;color:#eef5ff;font-family:Outfit,sans-serif;font-size:13px;font-weight:600;padding:12px 20px;border-radius:4px;opacity:0;transform:translateY(10px);transition:all .2s;pointer-events:none;z-index:1000}.toast.show{opacity:1;transform:translateY(0)}.app-sidebar{width:240px;flex-shrink:0;display:flex;flex-direction:column;background:var(--color-surface);border-right:1px solid var(--color-border);height:100vh;overflow:hidden;transition:width .15s ease}.sidebar-header{padding:20px 16px 12px;border-bottom:1px solid var(--color-border)}.sidebar-logo{font-size:17px;font-weight:700;color:var(--color-text);letter-spacing:-.3px;margin-bottom:12px}.sidebar-logo span{color:var(--color-accent-coral)}.sidebar-tenant{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-subtle)}.sidebar-tenant-logo{width:22px;height:22px;border-radius:5px;border:1px solid var(--color-border);background:var(--color-surface);object-fit:contain;display:none;flex-shrink:0}.sidebar-tenant-text{min-width:0;display:flex;flex-direction:column;gap:1px}.sidebar-tenant-name{font-size:12px;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-tenant-sub{font-size:10px;font-weight:500;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-nav{flex:1;overflow-y:auto;padding:12px 8px;display:flex;flex-direction:column;gap:2px}.sidebar-group-label{font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:var(--color-text-muted);font-weight:600;padding:4px 10px;margin:4px 0 2px}.nav-tab{font-family:Outfit,sans-serif;font-size:13px;font-weight:500;padding:8px 10px;color:var(--color-text-muted);cursor:pointer;border:none;background:transparent;border-radius:6px;text-align:left;transition:all .12s ease;display:flex;align-items:center;gap:8px;position:relative}.nav-icon{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-text-muted)}.nav-icon svg{width:16px;height:16px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-tab:hover{color:var(--color-text);background:var(--color-surface-subtle)}.nav-tab:hover .nav-icon{color:var(--color-text)}.nav-tab.active{color:var(--color-text);background:var(--color-surface-subtle);font-weight:600}.nav-tab.active .nav-icon{color:var(--color-brand-deep)}.sidebar-footer{border-top:1px solid var(--color-border);padding:12px;display:flex;align-items:center;justify-content:space-between;gap:8px}.sidebar-user{min-width:0;flex:1}.sidebar-user-email{font-size:12px;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer-actions{display:flex;gap:2px;flex-shrink:0}.sidebar-footer-btn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-text-muted);border-radius:6px;cursor:pointer;padding:0;transition:all .12s ease}.sidebar-footer-btn svg{width:14px;height:14px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.sidebar-footer-btn:hover{background:var(--color-surface-subtle);color:var(--color-text)}.app-main{flex:1;min-width:0;display:flex;flex-direction:column;height:100vh;overflow:hidden}.tab-panel{display:none;flex:1;flex-direction:column;overflow:hidden;min-height:0;height:100%}.tab-panel.active{display:flex;min-height:0}.page-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0;gap:16px}.page-bar-left{display:flex;flex-direction:column;gap:2px;min-width:0}.page-bar-title{font-size:16px;font-weight:600;color:var(--color-text);letter-spacing:-.2px}.page-bar-sub{font-size:12px;color:var(--color-text-muted)}.page-bar-actions{display:flex;gap:8px;flex-shrink:0}.mobile-topbar{display:none;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0}.mobile-hamburger{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;cursor:pointer;padding:0;color:var(--color-text)}.mobile-hamburger svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.mobile-topbar-logo{font-size:15px;font-weight:700;color:var(--color-text);letter-spacing:-.3px}.mobile-topbar-logo span{color:var(--color-accent-coral)}.sidebar-backdrop{display:none;position:fixed;inset:0;background:#0006;z-index:99}.sidebar-collapse-btn{width:100%;display:flex;align-items:center;justify-content:center;padding:6px 0;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;transition:all .12s ease}.sidebar-collapse-btn svg{width:14px;height:14px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}.sidebar-collapse-btn:hover{color:var(--color-text)}#appShell.sidebar-collapsed .sidebar-collapse-btn svg{transform:rotate(180deg)}#appShell.sidebar-collapsed .app-sidebar{width:56px}#appShell.sidebar-collapsed .sidebar-header{padding:16px 8px 10px}#appShell.sidebar-collapsed .sidebar-logo{font-size:13px;text-align:center;margin-bottom:8px}#appShell.sidebar-collapsed .sidebar-tenant{display:none}#appShell.sidebar-collapsed .sidebar-nav{padding:8px 4px}#appShell.sidebar-collapsed .sidebar-group-label{display:none}#appShell.sidebar-collapsed .nav-tab{justify-content:center;padding:10px 0}#appShell.sidebar-collapsed .nav-label{display:none}#appShell.sidebar-collapsed .nav-icon{width:20px;height:20px}#appShell.sidebar-collapsed .nav-icon svg{width:20px;height:20px}#appShell.sidebar-collapsed .sidebar-footer{flex-direction:column;padding:8px 4px;gap:4px}#appShell.sidebar-collapsed .sidebar-user{display:none}#appShell.sidebar-collapsed .sidebar-footer-actions{flex-direction:column;gap:4px}@media(max-width:767px){.mobile-topbar{display:flex}.app-sidebar{position:fixed;left:0;top:0;z-index:100;transform:translate(-100%);transition:transform .2s ease;box-shadow:none}#appShell.sidebar-open .app-sidebar{transform:translate(0);box-shadow:8px 0 24px #0000001f}#appShell.sidebar-open .sidebar-backdrop{display:block}.page-bar{padding:12px 16px}.page-bar-title{font-size:14px}.page-bar-sub{display:none}.page-bar-actions{gap:4px}.page-bar-actions .btn{padding:6px 10px;font-size:11px}}@media(min-width:768px)and (max-width:1024px){.app-sidebar{width:200px}}.home-layout{flex:1;min-height:0;overflow-y:auto;background:#eef3f9;padding:30px 28px 34px}.home-wrap{width:100%;max-width:1680px;margin:0 auto;display:flex;flex-direction:column;gap:18px}.home-hero{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#f8fbff;border:1px solid #dfe9f5;border-radius:14px;padding:20px 22px}.home-title{font-size:32px;font-weight:700;letter-spacing:-.45px;color:#1c2e45;margin:0}.home-sub{font-size:14px;color:#6f839d;margin-top:4px}.home-kpis{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:14px}.home-kpi{background:#f8fbff;border:1px solid #e8eef8;border-radius:12px;padding:14px 16px;color:#10223b}.home-kpi-label{font-size:12px;color:#6e7e95;margin-bottom:6px;text-transform:uppercase;letter-spacing:.6px;font-weight:700}.home-kpi-value{font-size:32px;line-height:1;font-weight:700;letter-spacing:-.6px;color:#18293d}.home-card{background:#fff;border:1px solid #e6edf7;border-radius:12px;overflow:hidden;box-shadow:0 1px #0e1e3a0a}.home-card-head{padding:16px 18px;border-bottom:1px solid #edf2fa;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#1c2e45}.home-card-head strong{font-size:23px;letter-spacing:-.45px}.home-card-head span{font-size:13px;color:#8090a6}.home-live-grid{padding:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:14px}.home-sla-wrap{padding:16px;display:flex;flex-direction:column;gap:12px}.home-sla-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.home-sla-kpi{border:1px solid #e3ebf6;border-radius:10px;background:#f8fbff;padding:12px}.home-sla-kpi-label{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:#6f839d;margin-bottom:4px;font-weight:700}.home-sla-kpi-value{font-size:22px;font-weight:700;color:#1c2e45;line-height:1}.home-sla-kpi-value.bad{color:#c93838}.home-sla-kpi-value.warn{color:#b86d13}.home-sla-kpi-value.ok{color:#3d7a48}.home-sla-list{border:1px solid #e7eef8;border-radius:10px;background:#fcfdff;overflow:hidden}.home-sla-row{display:flex;align-items:center;gap:10px;padding:12px;border-bottom:1px solid #edf2fa;font-size:13px}.home-sla-row:last-child{border-bottom:none}.home-sla-row-title{flex:1;color:#1f3651;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-sla-row-meta{color:#6f839d;white-space:nowrap}.report-layout,.help-layout{flex:1;min-height:0;overflow-y:auto;background:#eef3f9;padding:20px}.report-wrap,.help-wrap{width:100%;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:14px}.report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.report-card,.help-card{background:#fff;border:1px solid #e6edf7;border-radius:10px;box-shadow:0 1px #0e1e3a0a;overflow:hidden}.report-card-head,.help-card-head{padding:12px 14px;border-bottom:1px solid #edf2fa;display:flex;align-items:center;justify-content:space-between;gap:8px}.report-card-head strong,.help-card-head strong{font-size:16px;color:#1c2e45;letter-spacing:-.2px}.report-card-body,.help-card-body{padding:12px;display:flex;flex-direction:column;gap:10px}.report-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.report-kpi{border:1px solid #e3ebf6;border-radius:8px;background:#f8fbff;padding:9px 10px}.report-kpi-label{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:#6f839d;margin-bottom:4px;font-weight:700}.report-kpi-value{font-size:18px;font-weight:700;color:#1c2e45;line-height:1}.report-table{width:100%;border-collapse:collapse;font-size:12px}.report-table th,.report-table td{text-align:left;border-bottom:1px solid #edf2fa;padding:8px 6px;color:#35506f}.report-table th{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#6f839d}.report-builder{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-items:end}.report-chart-wrap{border:1px solid #e3ebf6;border-radius:8px;background:#f8fbff;padding:8px;max-height:220px;overflow:hidden}.report-chart-summary{font-size:11px;color:#5f7691;margin-top:6px}#tabReporting select,#tabReporting input,#tabReporting textarea{background:#fff;border:1px solid #cfdceb;color:#1a2d46}.help-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.help-item{border:1px solid #e3ebf6;border-radius:8px;background:#f8fbff;padding:10px}.help-item-title{font-size:14px;font-weight:700;color:#1f3651;margin-bottom:4px}.help-item-text{font-size:12px;line-height:1.5;color:#5f7691}.help-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.help-action{border:1px solid #cfe0f2;background:#fff;border-radius:999px;padding:4px 10px;font-size:11px;color:#2a4564;text-decoration:none;cursor:pointer}.help-action:hover{border-color:#91adc9;color:#172c44}.help-quick-list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:7px;font-size:12px;color:#4d6683}.help-quick-list strong{color:#203852;font-weight:700}.help-faq-list{display:flex;flex-direction:column;gap:8px}.help-faq-item{border:1px solid #e3ebf6;border-radius:8px;background:#f8fbff;padding:10px}.help-faq-q{font-size:13px;font-weight:700;color:#1f3651;margin-bottom:4px}.help-faq-a{font-size:12px;color:#5f7691;line-height:1.5}.home-inc-card{border:1px solid #e9eff8;border-radius:10px;background:#fcfdff;overflow:hidden}.home-inc-head{padding:12px 14px;border-bottom:1px solid #edf2fa;display:flex;align-items:center;justify-content:space-between;gap:8px}.home-inc-title{font-size:17px;color:#1a2a40;font-weight:600;line-height:1.3}.home-inc-meta{padding:12px 14px;font-size:13px;color:#667991;display:flex;flex-wrap:wrap;gap:8px 10px}.home-inc-pill{font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;border-radius:999px;padding:4px 8px;background:#eef3fb;color:#4f627b;border:1px solid #dee8f6;white-space:nowrap}.home-inc-pill.p1{background:#ffecec;border-color:#ffd0d0;color:#c93838}.home-inc-pill.p2{background:#fff4e7;border-color:#ffddb7;color:#b86d13}.home-inc-pill.p3{background:#f0f7ff;border-color:#d4e9ff;color:#2e6ea7}.home-inc-pill.p4{background:#edf7ef;border-color:#d8ebdc;color:#3d7a48}.home-empty{padding:32px 18px;text-align:center;font-size:14px;color:#7588a0}.home-activity-wrap{padding:16px}.home-activity-summary{font-size:13px;color:#6f8299;margin-bottom:12px}.home-activity-hover{font-size:13px;color:#3b607f;margin-bottom:10px;min-height:16px}.home-activity-grid{display:grid;grid-template-columns:repeat(26,13px);grid-template-rows:repeat(7,13px);gap:5px;justify-content:start}.home-activity-cell{border-radius:3px;background:#edf2f8;cursor:pointer;border:1px solid transparent;transition:transform .08s ease,box-shadow .08s ease,border-color .08s ease}.home-activity-cell.empty{background:#eef3f9;border:1px solid #e3eaf5}.home-activity-cell:hover{transform:translateY(-1px);border-color:#7ea6cd;box-shadow:0 0 0 1px #7ea6cd29}.home-activity-cell.lvl-1{background:#ffd9d9}.home-activity-cell.lvl-2{background:#ffab93}.home-activity-cell.lvl-3{background:#ff6a56}.home-legend{margin-top:10px;display:flex;align-items:center;gap:9px;font-size:11px;color:#6f8299}.home-legend-swatch{width:10px;height:10px;border-radius:3px;border:1px solid #e6edf7;background:#edf2f8;display:inline-block}.home-legend-swatch.l1{background:#ffd9d9;border-color:#ffd0d0}.home-legend-swatch.l2{background:#ffab93;border-color:#ff9f85}.home-legend-swatch.l3{background:#ff6a56;border-color:#ff5d49}@media(max-width:980px){.nav-tabs{position:static;width:auto;flex-direction:row;flex-wrap:wrap;gap:8px;border-right:none;border-bottom:1px solid rgba(22,38,61,.16)}.nav-tabs:before,.nav-section-title{display:none}.nav-tab{width:auto}.nav-tab:before{display:none}.nav-tab-right{margin-top:0;margin-left:auto}.tab-panel{margin-left:0}.home-layout{padding:14px}.home-hero{flex-direction:column;align-items:flex-start}.home-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.home-live-grid{grid-template-columns:1fr}.home-sla-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.report-layout,.help-layout{padding:12px}.report-grid{grid-template-columns:1fr}.report-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.report-builder{grid-template-columns:1fr 1fr}.report-chart-wrap{max-height:190px}.help-list{grid-template-columns:1fr}}.main,.mi-layout,.status-layout{background:#eef3f9}.sidebar,.mi-sidebar{background:#f7fbff;border-right-color:#dbe5f1}.preview-area,.mi-main,.status-main,.settings-layout{background:#eef3f9}.form-section,.mi-card,.status-page,.settings-panel,.settings-section{background:#fff;border-color:#dde7f3;box-shadow:0 1px #0e1e3a0a}.form-section-header,.mi-card-header{background:#f6f9fe;border-bottom-color:#e5edf8;color:#2b3f59}label,.toggle-label,.settings-help{color:#667c97}input,select,textarea{background:#fff;border-color:#d3dfec;color:#1a2d46}.mi-list-item,.status-item{background:#fcfdff;border-color:#e3ebf6}.mi-list-title,.status-item-title,.status-top-header h2,.status-kicker{color:#1c2e45}.mi-list-meta,.status-item-meta,.status-top-header p,.status-components-label,.status-components-uptime-label{color:#6f839d}.e-logo-img{max-height:38px;max-width:180px;width:auto;display:none}.mi-layout{display:flex;flex:1;height:100%;overflow:hidden;min-height:0}.mi-sidebar{width:400px;flex-shrink:0;background:var(--sidebar-bg);border-right:1px solid var(--border);overflow-y:auto;min-height:0;padding:24px 24px 40px;display:flex;flex-direction:column;gap:20px}.mi-sidebar::-webkit-scrollbar{width:4px}.mi-sidebar::-webkit-scrollbar-track{background:transparent}.mi-sidebar::-webkit-scrollbar-thumb{background:#93c90e4d;border-radius:2px}.mi-main{flex:1;overflow-y:auto;min-height:0;padding:24px;display:flex;flex-direction:column;gap:20px;background:#0a1510}.mi-main>*{flex-shrink:0}.mi-main::-webkit-scrollbar{width:6px}.mi-main::-webkit-scrollbar-track{background:transparent}.mi-main::-webkit-scrollbar-thumb{background:#93c90e33;border-radius:3px}.mi-card{background:#0d1a16;border:1px solid var(--border);border-radius:6px}.mi-card-header{background:#00594c59;padding:11px 18px;font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--hb-light-green);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.mi-card-body{padding:18px;display:flex;flex-direction:column;gap:14px}.mi-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:stretch}.mi-stat{background:#00594c38;border:1px solid rgba(147,201,14,.22);border-radius:4px;padding:14px 8px 12px;text-align:center}.mi-stat-label{font-size:10px;letter-spacing:.6px;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px}.mi-stat-value{font-size:26px;font-weight:700;color:#fff;line-height:1;display:block}.matrix-grid{display:grid;grid-template-columns:80px repeat(3,1fr);gap:4px}.matrix-cell{padding:8px 6px;border-radius:3px;text-align:center;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s;border:2px solid transparent}.matrix-cell.header{background:#ffffff0a;color:#fff6;font-size:10px;letter-spacing:.5px;cursor:default}.matrix-cell.row-label{background:#ffffff0a;color:#fff6;font-size:10px;display:flex;align-items:center;justify-content:center;cursor:default}.matrix-p1{background:#fa424433;color:#ff6a6c;border-color:#fa424473}.matrix-p2{background:#f5a62326;color:#f5a623}.matrix-p3{background:#00bbb026;color:#00bbb0}.matrix-p4{background:#93c90e1a;color:#93c90e}.matrix-cell.selected{border-color:#fff;transform:scale(1.05)}.matrix-p1.selected{border-color:#fa4244;background:#fa42444d}.matrix-p2.selected{border-color:#f5a623;background:#f5a6234d}.matrix-p3.selected{border-color:#00bbb0;background:#00bbb04d}.matrix-p4.selected{border-color:#93c90e;background:#93c90e33}.priority-result{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:4px;background:#ffffff0a;border:1px solid var(--border)}.priority-badge{font-size:13px;font-weight:700;padding:4px 12px;border-radius:3px;letter-spacing:.5px}.priority-badge.p1{background:#fa424433;color:#fa4244;border:1px solid rgba(250,66,68,.4)}.priority-badge.p2{background:#f5a62333;color:#f5a623;border:1px solid rgba(245,166,35,.4)}.priority-badge.p3{background:#00bbb033;color:#00bbb0;border:1px solid rgba(0,187,176,.4)}.priority-badge.p4{background:#93c90e1a;color:#93c90e;border:1px solid rgba(147,201,14,.3)}.status-select{appearance:none;font-weight:700;font-size:12px;letter-spacing:.5px;padding:6px 28px 6px 12px;border-radius:3px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='rgba(255,255,255,0.4)'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;cursor:pointer}.status-investigating{background:#fa424426;color:#fa4244;border:1px solid rgba(250,66,68,.3)}.status-identified{background:#f5a62326;color:#f5a623;border:1px solid rgba(245,166,35,.3)}.status-monitoring{background:#00bbb026;color:#00bbb0;border:1px solid rgba(0,187,176,.3)}.status-resolved{background:#93c90e1a;color:#93c90e;border:1px solid rgba(147,201,14,.3)}.severity-select{background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.2)}.mi-list{display:flex;flex-direction:column;gap:10px}.mi-list-item{background:#0d1a16;border:1px solid var(--border);border-radius:5px;padding:14px 16px;cursor:pointer;transition:all .15s;display:flex;flex-direction:column;gap:6px}.mi-list-item:hover{border-color:#93c90e66;background:#0f2018}.mi-list-item.active-mi{border-color:var(--hb-light-green);background:#00594c33}.mi-list-item-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.mi-list-title{font-size:13px;font-weight:600;color:#fff;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mi-list-meta{font-size:11px;color:var(--text-muted);display:flex;gap:10px}.mi-empty{text-align:center;padding:40px 20px;color:var(--text-muted);font-size:13px;line-height:1.7}.mi-empty-icon{font-size:32px;margin-bottom:12px}.mi-detail-header{background:#0d1a16;border:1px solid var(--border);border-radius:6px;padding:20px 24px}.mi-detail-title{font-size:20px;font-weight:700;color:#fff;margin-bottom:8px}.mi-detail-meta{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.mi-detail-meta-item{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:5px}.mi-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);text-align:center;gap:12px;padding:40px}.mi-placeholder-icon{font-size:48px;opacity:.4}.mi-placeholder h3{font-size:16px;font-weight:600;color:#ffffff4d}.mi-placeholder p{font-size:13px;line-height:1.6;max-width:300px}.mi-command{display:flex;flex-direction:column;gap:12px;width:100%;max-width:980px}.mi-command-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mi-command-card{background:#fff;border:1px solid #dce7f4;border-radius:10px;box-shadow:0 1px #0e1e3a0a;padding:12px}.mi-command-title{font-size:15px;font-weight:700;color:#1f3651;margin-bottom:6px}.mi-command-text{font-size:12px;color:#5f7691;line-height:1.5}@media(max-width:980px){.mi-command-grid{grid-template-columns:1fr}}.btn-danger{background:transparent;border:1px solid rgba(250,66,68,.4);color:#fa4244b3}.btn-danger:hover{background:#fa42441a;border-color:#fa4244;color:#fa4244}.loading-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.2);border-top-color:var(--hb-light-green);border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle;margin-right:6px}@keyframes spin{to{transform:rotate(360deg)}}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mi-category-builder{display:flex;gap:8px;align-items:center}.mi-category-builder input{flex:1}.mi-category-custom-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.mi-category-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;border:1px solid var(--border);background:#ffffff08;font-size:11px;color:#ffffffc7}.mi-category-chip button{background:transparent;border:none;color:#ffffff8c;cursor:pointer;font-size:13px;line-height:1;padding:0}.mi-category-chip button:hover{color:#fa4244}.settings-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:18px;flex:1;height:100%;overflow:hidden;min-height:0;background:linear-gradient(160deg,#09140f,#0a1510 45%,#0d1b15);padding:20px}.settings-nav{background:#070f0cb8;border:1px solid var(--border);border-radius:10px;padding:14px 10px;display:flex;flex-direction:column;gap:6px;position:sticky;top:0;align-self:start;max-height:calc(100vh - 108px);overflow-y:auto}.settings-nav-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 8px 8px}.settings-nav-title{margin:0;font-size:11px;letter-spacing:.9px;text-transform:uppercase;color:#ffffff94}.settings-nav-toggle{appearance:none;border:1px solid #cfdceb;border-radius:6px;background:#fff;color:#4f6784;font-size:11px;font-weight:700;line-height:1;padding:4px 6px;cursor:pointer;min-width:26px}.settings-nav-btn{appearance:none;border:1px solid transparent;background:transparent;color:#ffffffbf;font-size:12px;font-weight:500;text-align:left;border-radius:7px;padding:10px 11px;cursor:pointer;transition:all .16s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-nav-btn:hover{border-color:#93c90e38;color:#fff;background:#93c90e14}.settings-nav-btn.active{color:#062015;background:linear-gradient(135deg,#93c90e,#6fa40f);border-color:transparent;font-weight:700}.settings-panel{width:100%;max-width:none;background:#0d1a16e0;border:1px solid var(--border);border-radius:10px;overflow-y:auto;overflow-x:hidden;padding:14px;display:flex;flex-direction:column;gap:12px}.settings-section--active{box-shadow:0 0 0 1px #427ec833,0 2px #0e1e3a0a}.settings-flex-row{display:flex;gap:8px;flex-wrap:wrap}.settings-flex-row>input[type=email],.settings-flex-row>input[type=text]{flex:1;min-width:200px;max-width:100%}.settings-stack-list{display:flex;flex-direction:column;gap:8px;margin-top:8px;min-width:0}.settings-layout.nav-collapsed{grid-template-columns:72px minmax(0,1fr)}.settings-layout.nav-collapsed .settings-nav-title{display:none}.settings-layout.nav-collapsed .settings-nav-head{justify-content:center;margin-left:0;margin-right:0}.settings-layout.nav-collapsed .settings-nav-btn{font-size:0;padding:9px 6px;text-align:center;justify-content:center}.settings-layout.nav-collapsed .settings-nav-btn:before{content:attr(data-short);font-size:11px;font-weight:700;letter-spacing:.2px;color:inherit;line-height:1}.settings-panel::-webkit-scrollbar{width:6px}.settings-panel::-webkit-scrollbar-track{background:transparent}.settings-panel::-webkit-scrollbar-thumb{background:#93c90e33;border-radius:3px}.settings-section{border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff05;padding:14px;scroll-margin-top:10px}.settings-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.settings-section-header h3{font-size:14px;letter-spacing:.3px;color:var(--hb-light-green);margin:0 0 4px}.settings-section-kicker{font-size:11px;letter-spacing:.7px;text-transform:uppercase;color:#ffffff80;margin:0}.settings-section-body{display:flex;flex-direction:column;gap:10px;min-width:0}.settings-inline-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px;min-width:0}.sla-policy-rows{display:flex;flex-direction:column;gap:8px;overflow-x:visible;padding-bottom:0;min-width:0}.sla-policy-row{min-width:0;border:1px solid #dce7f4;border-radius:8px;background:#f8fbff;padding:10px}.sla-policy-grid{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:8px;align-items:end;min-width:0}.sla-policy-foot{display:flex;justify-content:space-between;align-items:center;margin-top:8px;gap:10px;flex-wrap:wrap}.sla-policy-rank{font-size:11px;color:#6f839d;white-space:nowrap}.sla-policy-active{display:flex;align-items:center;gap:6px;font-size:12px;color:#4f6784;white-space:nowrap;text-transform:none;letter-spacing:0}.settings-split-grid{display:grid;grid-template-columns:minmax(180px,1fr) minmax(280px,2fr);gap:8px;margin-top:8px;min-width:0}.settings-check{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap;font-size:13px;color:#4f6784;text-transform:none;letter-spacing:0;font-weight:500}.settings-check input{flex-shrink:0;margin-top:2px}.settings-help{font-size:12px;color:var(--text-muted);line-height:1.55;background:#ffffff05;border:1px solid rgba(255,255,255,.07);border-radius:6px;padding:8px 10px}.settings-advanced-toggle{display:flex;align-items:center;gap:7px;font-size:12px;color:#ffffffbf;margin-top:2px;-webkit-user-select:none;user-select:none}.settings-advanced-grid{display:none;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));min-width:0}#tabSettings .field-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));min-width:0}#tabSettings .field-row>.field-group{min-width:0}#tabSettings .settings-layout,#tabSettings .settings-panel,#tabSettings .settings-section{min-width:0}#tabSettings input[type=checkbox],#tabSettings input[type=radio]{width:auto;min-width:14px;height:14px;padding:0;margin:2px 0 0;border:none;border-radius:0;background:transparent;box-shadow:none;flex:0 0 auto;accent-color:#2f7ddf}@media(max-width:980px){.settings-layout{grid-template-columns:1fr;gap:12px;padding:14px}.settings-layout.nav-collapsed{grid-template-columns:1fr}.settings-nav{position:static;max-height:none;overflow:visible;flex-direction:row;flex-wrap:wrap;gap:8px;padding:10px}.settings-nav-head{width:100%;margin-bottom:2px}.settings-nav-title{width:100%}.settings-nav-btn{flex:1 1 140px}.settings-nav-toggle{display:none}.settings-layout.nav-collapsed .settings-nav-btn{font-size:12px;padding:10px 11px}.settings-layout.nav-collapsed .settings-nav-btn:before{content:none}.settings-panel{padding:10px}.settings-split-grid{grid-template-columns:1fr}.sla-policy-grid{grid-template-columns:repeat(2,minmax(160px,1fr))}}@media(min-width:981px)and (max-width:1360px){.sla-policy-grid{grid-template-columns:repeat(3,minmax(150px,1fr))}}@media(max-width:640px){.sla-policy-grid{grid-template-columns:1fr}}.status-layout{display:flex;flex:1;height:100%;overflow:hidden;min-height:0;background:#0a1510}.status-main{flex:1;overflow-y:auto;min-height:0;padding:24px;display:flex;justify-content:center;align-items:flex-start}.status-main::-webkit-scrollbar{width:6px}.status-main::-webkit-scrollbar-track{background:transparent}.status-main::-webkit-scrollbar-thumb{background:#93c90e33;border-radius:3px}.status-page{width:100%;max-width:980px;height:auto;flex:0 0 auto;background:#0d1a16;border:1px solid var(--border);border-radius:8px;overflow:hidden;box-shadow:0 14px 44px #00000059}.status-top{border-bottom:1px solid var(--border)}.status-top-header{padding:20px 24px 16px}.status-kicker{color:var(--hb-light-green);font-size:11px;letter-spacing:1px;text-transform:uppercase;font-weight:700;margin-bottom:10px}.status-top-header h2{font-size:24px;letter-spacing:-.3px;margin-bottom:0}.status-banner-strip{display:flex;align-items:center;justify-content:space-between;padding:10px 24px;gap:12px;transition:background .3s}.status-banner-strip.ok{background:#93c90e2e;border-top:1px solid rgba(147,201,14,.25)}.status-banner-strip.warn{background:#f5a6232e;border-top:1px solid rgba(245,166,35,.3)}.status-banner-strip.bad{background:#fa42442e;border-top:1px solid rgba(250,66,68,.3)}.status-banner-left{display:flex;align-items:center;gap:10px}.status-banner-icon{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0}.status-banner-strip.ok .status-banner-icon{background:#93c90e;color:#003d2a}.status-banner-strip.warn .status-banner-icon{background:#f5a623;color:#3a2200}.status-banner-strip.bad .status-banner-icon{background:#fa4244;color:#fff}.status-banner-text{font-size:14px;font-weight:700;letter-spacing:-.2px}.status-banner-strip.ok .status-banner-text{color:#b9ea41}.status-banner-strip.warn .status-banner-text{color:#ffcb73}.status-banner-strip.bad .status-banner-text{color:#ff7d7f}.status-banner-ts{font-size:11px;color:#ffffff73}.status-pill{border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}.pill-ok{background:#93c90e33;color:#b9ea41;border:1px solid rgba(147,201,14,.4)}.pill-warn{background:#f5a62333;color:#ffcb73;border:1px solid rgba(245,166,35,.45)}.pill-bad{background:#fa424433;color:#ff7d7f;border:1px solid rgba(250,66,68,.45)}.status-body{padding:20px 24px 24px;display:flex;flex-direction:column;gap:18px}.status-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.status-metric{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:14px 12px}.status-metric-label{font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px}.status-metric-value{font-size:24px;line-height:1;font-weight:700;color:#fff}.status-list{display:flex;flex-direction:column;gap:10px}.status-item{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-left:4px solid rgba(255,255,255,.2);border-radius:6px;padding:12px 14px}.status-item.p1{border-left-color:#fa4244}.status-item.p2{border-left-color:#f5a623}.status-item.p3,.status-item.p4{border-left-color:#00bbb0}.status-item-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px;align-items:center}.status-item-title{font-size:14px;font-weight:600;color:#fff}.status-item-meta{font-size:12px;color:var(--text-muted);display:flex;gap:10px;flex-wrap:wrap}.status-item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.status-expand-btn{background:transparent;border:1px solid rgba(255,255,255,.18);color:#fffc;font-family:Outfit,sans-serif;font-size:11px;font-weight:600;letter-spacing:.4px;border-radius:999px;padding:5px 10px;cursor:pointer;flex-shrink:0}.status-expand-btn:hover{border-color:var(--hb-light-green);color:var(--hb-light-green)}.status-detail{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1);display:none}.status-detail.open{display:block}.status-timeline{display:flex;flex-direction:column;gap:8px}.status-timeline-item{border:1px solid rgba(255,255,255,.1);background:#ffffff05;border-radius:4px;padding:8px 10px}.status-timeline-time{font-size:11px;color:var(--text-muted);margin-bottom:4px}.status-timeline-text{font-size:13px;line-height:1.55;color:#ffffffdb}.status-components{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.08);border-radius:6px;overflow:hidden}.status-component-row{display:flex;align-items:center;gap:14px;padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.06);background:#ffffff04}.status-component-row:last-child{border-bottom:none}.status-component-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.status-component-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-component-dot.ok{background:#93c90e}.status-component-dot.warn{background:#f5a623}.status-component-dot.bad{background:#fa4244}.status-component-name{font-size:13px;font-weight:500;color:#ffffffe0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-component-center{display:flex;flex-direction:column;gap:3px;flex-shrink:0}.status-component-bars{display:flex;gap:1.5px;align-items:flex-end;height:28px}.status-component-bar{width:4px;border-radius:999px;flex-shrink:0}.status-component-bar.ok{background:#93c90e99;height:100%}.status-component-bar.warn{background:#f5a623cc;height:65%}.status-component-bar.bad{background:#fa4244cc;height:65%}.status-component-bar-footer{display:flex;justify-content:space-between;font-size:10px;color:#ffffff47;font-family:monospace;letter-spacing:0}.status-component-status{font-size:12px;font-weight:600;min-width:88px;text-align:right;flex-shrink:0;font-family:monospace}.status-component-status.ok{color:#93c90e}.status-component-status.warn{color:#f5a623}.status-component-status.bad{color:#fa4244}.status-components-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.status-components-label{font-size:12px;letter-spacing:.8px;text-transform:uppercase;color:var(--text-muted)}.status-components-uptime-label{font-size:11px;color:var(--text-muted)}#tabMI .mi-layout,#tabStatus .status-layout{background:#eef3f9!important}#tabMI .mi-sidebar,#tabMI .mi-main,#tabStatus .status-main{background:#eef3f9!important;border-color:#dbe5f1!important}#tabMI .mi-card,#tabMI .mi-detail-header,#tabStatus .status-page,#tabStatus .status-item,#tabStatus .status-metric,#tabStatus .status-components,#tabStatus .status-timeline-item{background:#fff!important;border-color:#dce7f4!important;box-shadow:0 1px #0e1e3a0a}#tabMI .mi-card-header,#tabStatus .status-top{background:#f6f9fe!important;border-bottom-color:#e5edf8!important;color:#2b3f59!important}#tabMI .mi-list-item{background:#fcfdff!important;border-color:#e3ebf6!important}#tabMI .mi-list-item:hover{background:#f2f7ff!important;border-color:#c9d8ea!important}#tabMI .mi-list-item.active-mi{background:#e9f2ff!important;border-color:#a8bfdc!important}#tabMI .mi-list-title,#tabMI .mi-detail-title,#tabMI .mi-main h3,#tabStatus .status-item-title,#tabStatus .status-top-header h2,#tabStatus .status-kicker,#tabStatus .status-component-name{color:#1c2e45!important}#tabMI .mi-list-meta,#tabMI .mi-detail-meta-item,#tabMI .mi-placeholder,#tabStatus .status-item-meta,#tabStatus .status-banner-ts,#tabStatus .status-components-label,#tabStatus .status-components-uptime-label,#tabStatus .status-component-bar-footer,#tabStatus .status-timeline-time{color:#6f839d!important}#tabMI .mi-main strong,#tabMI .mi-detail-meta-item strong,#tabMI [style*="color:#fff"]{color:#1f3651!important}#tabMI [style*="color:rgba(255,255,255"]{color:#617690!important}#tabMI .mi-stat{background:#f7faff!important;border-color:#dbe6f3!important}#tabMI .mi-stat-value{color:#1f3651!important}#tabMI .matrix-cell.header,#tabMI .matrix-cell.row-label{background:#f3f8ff!important;color:#70849e!important}#tabMI .priority-result{background:#f8fbff!important;border-color:#dce7f4!important}#tabMI .status-select,#tabMI .severity-select{background-color:#fff!important;color:#1f3651!important;border-color:#cfdceb!important}#tabMI .mi-placeholder h3{color:#4f6581!important}#tabStatus .status-banner-strip.ok{background:#edf7ef!important;border-top:1px solid #d8ebdc!important}#tabStatus .status-banner-strip.warn{background:#fff4e7!important;border-top:1px solid #ffddb7!important}#tabStatus .status-banner-strip.bad{background:#ffecec!important;border-top:1px solid #ffd0d0!important}#tabSettings .settings-layout{background:#eef3f9!important}#tabSettings .settings-nav{background:#f8fbff!important;border-color:#dce7f4!important}#tabSettings .settings-nav-title{color:#6f839d!important}#tabSettings .settings-nav-toggle{border-color:#cfdceb!important;color:#4f6784!important;background:#fff!important}#tabSettings .settings-nav-btn{color:#4f6784!important}#tabSettings .settings-nav-btn:hover{background:#eef4ff!important;border-color:#cfdceb!important;color:#1f3651!important}#tabSettings .settings-nav-btn.active{background:#e6f0ff!important;color:#1f3651!important;border-color:#bdd2eb!important}#tabSettings .settings-panel,#tabSettings .settings-section{background:#fff!important;border-color:#dce7f4!important;box-shadow:0 1px #0e1e3a0a}#tabSettings .settings-section-header h3{color:#1c2e45!important}#tabSettings .settings-section-kicker,#tabSettings .settings-help,#tabSettings label{color:#6f839d!important}#tabSettings .settings-help{background:#f8fbff!important;border-color:#dce7f4!important}#tabSettings .settings-advanced-toggle{color:#4f6784!important}#tabSettings input,#tabSettings select,#tabSettings textarea{background:#fff!important;color:#1a2d46!important;border-color:#cfdceb!important}#tabSettings .mi-category-chip{background:#f7fbff!important;border-color:#dce7f4!important;color:#3e5775!important}#tabSettings [style*="color:#fff"]{color:#1f3651!important}#tabSettings [style*="color:rgba(255,255,255"]{color:#6f839d!important}#tabStatus .status-banner-strip.ok .status-banner-text{color:#3d7a48!important}#tabStatus .status-banner-strip.warn .status-banner-text{color:#b86d13!important}#tabStatus .status-banner-strip.bad .status-banner-text{color:#c93838!important}#tabStatus .status-expand-btn{border-color:#d1ddec!important;color:#4e6480!important;background:#fff!important}#tabStatus .status-expand-btn:hover{border-color:#8ea7c4!important;color:#223854!important}#tabStatus .status-components{background:#fbfdff!important;border-color:#dce7f4!important}#tabStatus .status-component-row{background:#fff!important;border-bottom:1px solid #eaf0f8!important}#tabStatus .status-component-row:nth-child(2n){background:#f9fcff!important}#tabStatus .status-component-bars{background:#f0f5fb;border:1px solid #e0e9f4;border-radius:6px;padding:4px 5px;height:34px;gap:2px}#tabStatus .status-component-bar{width:5px;background:#d8e4f3}#tabStatus .status-component-bar.ok{background:#6dbf50!important}#tabStatus .status-component-bar.warn{background:#f1a43a!important}#tabStatus .status-component-bar.bad{background:#ea5b5b!important}#tabStatus .status-component-status{color:#607793;font-weight:700}#tabEmail .main{background:#eef5ff}#tabEmail .sidebar{width:430px;padding:28px 28px 46px;gap:22px}#tabEmail .form-section{border-radius:12px}#tabEmail .form-section-header{padding:12px 18px;font-size:11px;letter-spacing:1px}#tabEmail .form-section-body{padding:18px;gap:16px}#tabEmail .preview-area{padding:28px 30px}#tabEmail .email-wrapper{max-width:930px;border-radius:10px;box-shadow:0 14px 44px #14264129}#tabMI .mi-sidebar{width:430px;padding:28px 28px 46px;gap:22px}#tabMI .mi-main{padding:30px;gap:24px}#tabMI .mi-card,#tabMI .mi-detail-header{border-radius:12px!important}#tabMI .mi-card-header{padding:13px 20px!important;font-size:11px!important}#tabMI .mi-card-body{padding:20px;gap:16px}#tabMI .mi-list-item{padding:16px 18px;border-radius:10px}#tabMI .mi-list-title{font-size:14px}#tabMI .mi-detail-title{font-size:24px;letter-spacing:-.35px}#tabMI .mi-command{max-width:none;gap:14px}#tabMI .mi-command-grid{gap:14px}#tabMI .mi-command-card{padding:14px;border-radius:12px}#tabStatus .status-main{padding:30px}#tabStatus .status-page{max-width:1120px;border-radius:12px}#tabPlatform .report-layout,#tabReporting .report-layout,#tabHelp .help-layout,#tabSettings .settings-layout{padding:30px 28px 34px}#tabPlatform .report-wrap,#tabReporting .report-wrap,#tabHelp .help-wrap{max-width:1680px;gap:18px}#tabPlatform .report-card,#tabReporting .report-card,#tabHelp .help-card{border-radius:12px}#tabPlatform .report-card-head,#tabReporting .report-card-head,#tabHelp .help-card-head{padding:16px 18px}#tabPlatform .report-card-body,#tabReporting .report-card-body,#tabHelp .help-card-body{padding:16px;gap:12px}#tabPlatform .report-card-head{flex-wrap:wrap;align-items:flex-start}#tabPlatform .report-card-head>*{min-width:0}#tabPlatform #platformConsoleTenantSelect{max-width:100%;min-width:180px}#tabPlatform input,#tabPlatform select,#tabPlatform textarea{max-width:100%;min-width:0}#tabSettings .settings-layout{grid-template-columns:248px minmax(0,1fr);gap:20px}#tabSettings .settings-layout.nav-collapsed{grid-template-columns:78px minmax(0,1fr)}#tabSettings .settings-panel{padding:18px;gap:14px;border-radius:12px}#tabSettings .settings-section{padding:16px;border-radius:12px}@media(max-width:1280px){#tabEmail .sidebar,#tabMI .mi-sidebar{width:390px;padding-left:22px;padding-right:22px}#tabEmail .preview-area,#tabMI .mi-main,#tabStatus .status-main,#tabPlatform .report-layout,#tabReporting .report-layout,#tabHelp .help-layout,#tabSettings .settings-layout{padding:20px}#tabSettings .settings-layout{grid-template-columns:220px minmax(0,1fr)}#tabSettings .settings-layout.nav-collapsed{grid-template-columns:72px minmax(0,1fr)}}@media(max-width:980px){#tabEmail .sidebar,#tabMI .mi-sidebar{width:auto}#tabEmail .form-section-body,#tabPlatform .report-card-body,#tabReporting .report-card-body,#tabHelp .help-card-body,#tabSettings .settings-panel,#tabSettings .settings-section,#tabEmail .preview-area{padding:12px}#tabEmail .email-wrapper{max-width:100%}}body.theme-dark{--theme-canvas: #0f1826;--theme-surface: #152133;--theme-border: #2d3f59;--theme-text: #e7effa;--text-muted: rgba(179, 196, 219, .78);background:var(--theme-canvas);color:var(--theme-text)}body.theme-dark .auth-gate{background:radial-gradient(circle at 14% 12%,rgba(70,208,167,.18),transparent 38%),radial-gradient(circle at 88% 86%,rgba(255,117,93,.16),transparent 44%),linear-gradient(145deg,#0d1522,#111c2b 48%,#132131)}body.theme-dark .app-header{background:#111b2b;border-bottom-color:#2d3f59}body.theme-dark .app-logo,body.theme-dark .app-title,body.theme-dark #authUserEmail{color:#d7e3f4!important}body.theme-dark .app-tenant-brand{border-color:#324863;background:#101c2bd6}body.theme-dark .app-tenant-logo{border-color:#324863;background:#0f1928}body.theme-dark .app-tenant-name{color:#d7e3f4}body.theme-dark .app-tenant-sub{color:#9fb1cb}body.theme-dark .app-divider{background:#34506f}body.theme-dark .btn-outline{background:#152236;border-color:#324863;color:#c7d6ea}body.theme-dark .btn-outline:hover{border-color:#4d6788;color:#e4ecf8;background:#1a2a41}body.theme-dark .btn-primary{background:#31588e;color:#f4f8ff}body.theme-dark .btn-primary:hover{background:#3b689f}body.theme-dark .nav-tabs{background:linear-gradient(180deg,#121d2e,#152334);border-right-color:#2d3f59;box-shadow:inset -1px 0 #ffffff0a}body.theme-dark .nav-tab{background:#ffffff05;color:#b7c8de;border-color:transparent}body.theme-dark .nav-tab:hover{color:#eaf1fb;border-color:#385170;background:#1b2b42}body.theme-dark .nav-tab.active{color:#f0f5fd;border-color:#4b6990;background:linear-gradient(135deg,#274364,#31537d)}body.theme-dark .nav-icon{background:#172438;border-color:#324863;color:#b5c7df}body.theme-dark #tabHome .home-layout,body.theme-dark #tabReporting .report-layout,body.theme-dark #tabHelp .help-layout,body.theme-dark #tabSettings .settings-layout,body.theme-dark #tabStatus .status-layout,body.theme-dark #tabMI .mi-layout,body.theme-dark #tabEmail .main{background:#0f1826!important}body.theme-dark #tabHome .home-card,body.theme-dark #tabHome .home-kpi,body.theme-dark #tabHome .home-hero,body.theme-dark #tabHome .home-inc-card,body.theme-dark #tabHome .home-sla-kpi,body.theme-dark #tabHome .home-sla-list,body.theme-dark #tabReporting .report-card,body.theme-dark #tabHelp .help-card,body.theme-dark #tabSettings .settings-panel,body.theme-dark #tabSettings .settings-section,body.theme-dark #tabMI .mi-card,body.theme-dark #tabMI .mi-detail-header,body.theme-dark #tabStatus .status-page,body.theme-dark #tabStatus .status-item,body.theme-dark #tabStatus .status-metric,body.theme-dark #tabStatus .status-components,body.theme-dark #tabStatus .status-timeline-item{background:#152133!important;border-color:#2d3f59!important;box-shadow:none}body.theme-dark #tabHome .home-title,body.theme-dark #tabHome .home-card-head strong,body.theme-dark #tabHome .home-kpi-value,body.theme-dark #tabReporting .report-card-head strong,body.theme-dark #tabHelp .help-card-head strong,body.theme-dark #tabSettings .settings-section-header h3,body.theme-dark #tabMI .mi-list-title,body.theme-dark #tabMI .mi-detail-title,body.theme-dark #tabStatus .status-top-header h2,body.theme-dark #tabStatus .status-item-title,body.theme-dark #tabStatus .status-component-name{color:#e7effa!important}body.theme-dark #tabHome .home-sub,body.theme-dark #tabHome .home-kpi-label,body.theme-dark #tabHome .home-card-head span,body.theme-dark #tabHome .home-inc-meta,body.theme-dark #tabReporting .report-table th,body.theme-dark #tabReporting .report-table td,body.theme-dark #tabHelp .help-item-text,body.theme-dark #tabSettings label,body.theme-dark #tabSettings .settings-help,body.theme-dark #tabSettings .settings-section-kicker,body.theme-dark #tabMI .mi-list-meta,body.theme-dark #tabMI .mi-detail-meta-item,body.theme-dark #tabStatus .status-item-meta,body.theme-dark #tabStatus .status-components-label,body.theme-dark #tabStatus .status-components-uptime-label,body.theme-dark #tabStatus .status-timeline-time{color:#a7b9d3!important}body.theme-dark input,body.theme-dark select,body.theme-dark textarea{background:#0f1928;border-color:#2f4360;color:#e5eefb}body.theme-dark input::placeholder,body.theme-dark textarea::placeholder{color:#8197b6}
