:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.5;font-weight:400;color:var(--brand-primary-deep);background-color:var(--brand-background-start);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--page-nav-height: 4.5rem;--brand-primary-rgb: 47, 120, 198;--brand-primary: rgb(var(--brand-primary-rgb));--brand-primary-strong: #2665a4;--brand-primary-mid: #2d4b65;--brand-primary-deep: #0f3554;--brand-primary-light: #6fc3ff;--brand-primary-bright: #4faef4;--brand-primary-soft-rgb: 111, 195, 255;--brand-text-muted: #3d5c74;--brand-heading: #15446b;--brand-section-heading: #123d62;--brand-row-label: #234f78;--brand-row-text: #1c3d5c;--brand-nav-link: #1f4f78;--brand-pill-meta: #2f5a82;--brand-note-text: #214566;--brand-link: #245f93;--brand-summary: #496987;--brand-surface-subtle: #f7fbff;--brand-surface-soft: #f0f6fb;--brand-surface-tonal: rgba(246, 251, 255, .98);--brand-table-alt: rgba(244, 250, 255, .7);--brand-overlay-rgb: 15, 53, 84;--brand-shadow-rgb: 12, 56, 97;--brand-gradient-start: var(--brand-primary-light);--brand-gradient-end: var(--brand-primary);--brand-gradient-mid: var(--brand-primary-bright);--brand-background-start: #f8fafc;--brand-background-mid: #f1f5f9;--brand-background-end: #ffffff;--theme-bg: #ffffff;--theme-bg-secondary: #f8fafc;--theme-bg-tertiary: #f1f5f9;--theme-bg-hover: #f0f4f8;--theme-surface: #ffffff;--theme-surface-raised: #ffffff;--theme-surface-overlay: rgba(255, 255, 255, .95);--theme-border: #e5e7eb;--theme-border-light: rgba(0, 0, 0, .06);--theme-text: #1e293b;--theme-text-secondary: #475569;--theme-text-muted: #6b7280;--theme-text-faint: #94a3b8;--theme-text-on-primary: #ffffff;--theme-shadow: rgba(0, 0, 0, .08);--theme-shadow-lg: rgba(0, 0, 0, .12);--theme-input-bg: #ffffff;--theme-input-border: #d1d5db;--theme-skeleton-base: #e2e8f0;--theme-skeleton-shine: #f1f5f9;--theme-card-bg: #ffffff;--theme-card-border: rgba(var(--brand-primary-rgb), .12);--theme-badge-bg: #f8fafc;--theme-scrollbar-thumb: rgba(0, 0, 0, .18);--theme-scrollbar-track: transparent;--theme-success: #16a34a;--theme-success-bg: #f0fdf4;--theme-danger: #dc2626;--theme-danger-bg: #fef2f2;--theme-warning: #d97706;--theme-warning-bg: #fffbeb;--theme-info: #2563eb;--theme-info-bg: #eff6ff;--theme-chart-grid: #e5e7eb;--theme-table-header-bg: var(--brand-surface-soft);--theme-table-row-alt: var(--brand-table-alt);--theme-nav-bg: rgba(255, 255, 255, .95);--theme-dropdown-bg: #ffffff;--theme-dropdown-hover: #f3f4f6;--theme-tooltip-bg: #1e293b;--theme-tooltip-text: #ffffff;--slider-track: #0F3554;--slider-handle-primary: #0F3554;--slider-handle-secondary: #5B8FB9;--slider-handle-border: #ffffff;--slider-rail: #ddd}html[data-environment=DEV]{--brand-primary-rgb: 35, 139, 69;--brand-primary: rgb(var(--brand-primary-rgb));--brand-primary-strong: #1f6c4c;--brand-primary-mid: #1d5a40;--brand-primary-deep: #0f3d27;--brand-primary-light: #7bd7a1;--brand-primary-bright: #49c176;--brand-primary-soft-rgb: 122, 210, 157;--brand-text-muted: #3c6651;--brand-heading: #135734;--brand-section-heading: #0f4428;--brand-row-label: #1c6a44;--brand-row-text: #155237;--brand-nav-link: #155d3c;--brand-pill-meta: #1f5f3f;--brand-note-text: #1d5439;--brand-link: #1b6d44;--brand-summary: #3c6651;--brand-surface-subtle: #ecf9f1;--brand-surface-soft: #def4e7;--brand-surface-tonal: rgba(224, 247, 233, .98);--brand-table-alt: rgba(226, 246, 233, .7);--brand-overlay-rgb: 12, 53, 31;--brand-shadow-rgb: 12, 56, 35;--brand-gradient-start: var(--brand-primary-light);--brand-gradient-end: var(--brand-primary);--brand-gradient-mid: var(--brand-primary-bright);--brand-background-start: #e6f7ee;--brand-background-mid: #d5f0e2}html[data-environment=QA]{--brand-primary-rgb: 212, 140, 28;--brand-primary: rgb(var(--brand-primary-rgb));--brand-primary-strong: #b7770f;--brand-primary-mid: #8c5c15;--brand-primary-deep: #5a3a08;--brand-primary-light: #ffe08b;--brand-primary-bright: #ffc652;--brand-primary-soft-rgb: 255, 224, 139;--brand-text-muted: #786149;--brand-heading: #6c490a;--brand-section-heading: #4f3407;--brand-row-label: #8a5b10;--brand-row-text: #70480a;--brand-nav-link: #7a4f0c;--brand-pill-meta: #7a5412;--brand-note-text: #6a4810;--brand-link: #8f610e;--brand-summary: #7a5e3f;--brand-surface-subtle: #fff6df;--brand-surface-soft: #ffeec2;--brand-surface-tonal: rgba(255, 243, 207, .98);--brand-table-alt: rgba(255, 240, 202, .7);--brand-overlay-rgb: 84, 53, 10;--brand-shadow-rgb: 86, 60, 12;--brand-gradient-start: var(--brand-primary-light);--brand-gradient-end: var(--brand-primary);--brand-gradient-mid: var(--brand-primary-bright);--brand-background-start: #fff6dd;--brand-background-mid: #ffe9b8}*{box-sizing:border-box}*:not(input):not(textarea):not(select):not([contenteditable=true]){caret-color:transparent}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,var(--brand-background-start) 0%,var(--brand-background-mid) 50%,var(--brand-background-end) 100%);color:inherit}a{color:inherit}button{font-family:inherit}html[data-theme=dark]{--brand-primary-deep: #c4dcf0;--brand-heading: #b8d4ec;--brand-section-heading: #a8c8e2;--brand-text-muted: #8eafc8;--brand-row-label: #97bdd8;--brand-row-text: #a0c4dc;--brand-nav-link: #9ec0d8;--brand-pill-meta: #7eaacc;--brand-note-text: #8ab4d0;--brand-link: #6db3e8;--brand-summary: #7ea8c4;--brand-surface-subtle: #1a2332;--brand-surface-soft: #1e2a3a;--brand-surface-tonal: rgba(22, 33, 48, .98);--brand-table-alt: rgba(26, 38, 56, .7);--brand-overlay-rgb: 10, 18, 28;--brand-shadow-rgb: 0, 0, 0;--brand-background-start: #0f1923;--brand-background-mid: #131f2e;--brand-background-end: #1a2736;--theme-bg: #1a2332;--theme-bg-secondary: #1e2a3a;--theme-bg-tertiary: #243044;--theme-bg-hover: #283650;--theme-surface: #1e2a3a;--theme-surface-raised: #243044;--theme-surface-overlay: rgba(26, 35, 50, .97);--theme-border: #2d3f56;--theme-border-light: rgba(255, 255, 255, .08);--theme-text: #e2e8f0;--theme-text-secondary: #b0bec5;--theme-text-muted: #8899a8;--theme-text-faint: #5e7285;--theme-text-on-primary: #ffffff;--theme-shadow: rgba(0, 0, 0, .3);--theme-shadow-lg: rgba(0, 0, 0, .45);--theme-input-bg: #1e2a3a;--theme-input-border: #3a4f66;--theme-skeleton-base: #243044;--theme-skeleton-shine: #2d3f56;--theme-card-bg: #1e2a3a;--theme-card-border: rgba(var(--brand-primary-rgb), .2);--theme-badge-bg: #243044;--theme-scrollbar-thumb: rgba(255, 255, 255, .15);--theme-scrollbar-track: transparent;--theme-success: #4ade80;--theme-success-bg: rgba(22, 163, 74, .15);--theme-danger: #f87171;--theme-danger-bg: rgba(220, 38, 38, .15);--theme-warning: #fbbf24;--theme-warning-bg: rgba(217, 119, 6, .15);--theme-info: #60a5fa;--theme-info-bg: rgba(37, 99, 235, .15);--theme-chart-grid: #2d3f56;--theme-table-header-bg: #1a2636;--theme-table-row-alt: rgba(30, 42, 58, .7);--theme-nav-bg: rgba(18, 26, 38, .97);--theme-dropdown-bg: #1e2a3a;--theme-dropdown-hover: #283650;--theme-tooltip-bg: #e2e8f0;--theme-tooltip-text: #1a2332;--slider-track: #5B8FB9;--slider-handle-primary: #5B8FB9;--slider-handle-secondary: #84B6D8;--slider-handle-border: #2d3f56;--slider-rail: #2d3f56;--metric-teal-text: #5eead4;--metric-orange-text: #fdba74;--metric-orange-value: #fb923c;--metric-emerald-text: #6ee7b7;--metric-emerald-value: #34d399;--metric-blue-heading: #60a5fa;--metric-blue-text: #93c5fd;--metric-blue-track: rgba(59, 130, 246, .25);--metric-blue-active-bg: rgba(59, 130, 246, .2);--metric-purple-heading: #c084fc;--metric-purple-text: #d8b4fe;--metric-purple-track: rgba(139, 92, 246, .25);--metric-purple-active-bg: rgba(139, 92, 246, .2);--metric-purple-hover-bg: rgba(139, 92, 246, .1);--metric-rose-text: #fda4af;--metric-rose-value: #fb7185;color-scheme:dark}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#0f3554,#1a4572 40%,#2665a4);padding:20px}.login-card{background:var(--theme-surface, white);border-radius:16px;box-shadow:0 20px 60px #00000059;max-width:420px;width:100%;overflow:hidden;animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{background:linear-gradient(135deg,#0f3554,#2665a4);color:#fff;padding:40px 30px 32px;text-align:center}.login-logo{width:80px;height:80px;object-fit:contain;margin-bottom:16px}.login-header h1{margin:0 0 6px;font-size:1.5rem;font-weight:700;letter-spacing:-.01em}.login-subtitle{margin:0;opacity:.7;font-size:.85rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.login-content{padding:40px 30px 32px;text-align:center}.login-button{width:100%;padding:14px 24px;background:linear-gradient(135deg,#2665a4,#0f3554);color:#fff;border:none;border-radius:8px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-bottom:20px;letter-spacing:.02em}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #2665a473}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-footer{text-align:center;color:var(--theme-text-muted, #666);font-size:.8rem;margin:0}@media(max-width:480px){.login-header h1{font-size:1.3rem}.login-logo{width:64px;height:64px}}.home-page{margin-top:var(--page-nav-height, 4.5rem);height:calc(100vh - var(--page-nav-height, 4.5rem));display:flex;flex-direction:column;overflow:hidden;position:relative;background:#f0f4f8}.home-bg{position:absolute;inset:0;z-index:0;overflow:hidden}.home-bg__gradient{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 40%,rgba(200,220,240,.6) 0%,transparent 70%),radial-gradient(ellipse 50% 40% at 80% 20%,rgba(180,210,240,.3) 0%,transparent 60%),radial-gradient(ellipse 40% 50% at 20% 80%,rgba(190,215,240,.3) 0%,transparent 60%),linear-gradient(180deg,#f5f8fc,#eaf0f7,#e2ecf5 60%,#f0f4f8);animation:bgShift 20s ease-in-out infinite alternate}@keyframes bgShift{0%{opacity:1}50%{opacity:.85}to{opacity:1}}.home-bg__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(38,101,164,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(38,101,164,.06) 1px,transparent 1px);background-size:60px 60px;animation:gridDrift 60s linear infinite}@keyframes gridDrift{0%{transform:translate(0)}to{transform:translate(60px,60px)}}.home-particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.home-bg__radial{position:absolute;top:50%;left:50%;width:600px;height:600px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(38,101,164,.08) 0%,transparent 70%);animation:radialPulse 6s ease-in-out infinite;pointer-events:none}@keyframes radialPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.15);opacity:1}}.home-title{position:absolute;top:32px;left:0;right:0;text-align:center;z-index:2;pointer-events:none;opacity:0;transform:translateY(-12px);transition:opacity 1s ease,transform 1s ease}.home-title--visible{opacity:1;transform:translateY(0)}.home-title__text{margin:0;font-family:Inter,sans-serif;font-size:clamp(1.8rem,4vw,3rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;color:#0f3554;text-shadow:0 0 30px rgba(38,101,164,.12),0 1px 3px rgba(0,0,0,.06)}.home-title__sub{margin:10px 0 0;font-family:Inter,sans-serif;font-size:clamp(.85rem,1.6vw,1.1rem);font-weight:500;color:#26508280;letter-spacing:.14em;text-transform:uppercase}.home-tree-section{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;position:relative;z-index:1}.home-tree-section--animated{opacity:0;transform:scale(.95);transition:opacity 1.2s ease .3s,transform 1.2s ease .3s}.home-tree-section--visible{opacity:1;transform:scale(1)}.hierarchy-tree{width:100%;height:100%}[data-theme=dark] .home-page{background:#080c18}[data-theme=dark] .home-bg__gradient{background:radial-gradient(ellipse 80% 60% at 50% 40%,rgba(15,53,84,.7) 0%,transparent 70%),radial-gradient(ellipse 50% 40% at 80% 20%,rgba(38,101,164,.3) 0%,transparent 60%),radial-gradient(ellipse 40% 50% at 20% 80%,rgba(15,40,70,.4) 0%,transparent 60%),linear-gradient(180deg,#06091a,#0a1628,#0d1f3c 60%,#091322)}[data-theme=dark] .home-bg__grid{background-image:linear-gradient(rgba(38,101,164,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(38,101,164,.04) 1px,transparent 1px)}[data-theme=dark] .home-bg__radial{background:radial-gradient(circle,rgba(38,101,164,.15) 0%,transparent 70%)}[data-theme=dark] .home-title__text{color:#f0f6ff;text-shadow:0 0 40px rgba(38,101,164,.5),0 2px 8px rgba(0,0,0,.4)}[data-theme=dark] .home-title__sub{color:#a0c8f0a6}.page-nav{position:fixed;top:0;left:0;right:0;height:var(--page-nav-height);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;background:var(--theme-nav-bg);border-bottom:1px solid var(--theme-border);box-shadow:0 1px 3px var(--theme-shadow);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:100;gap:1rem}.page-nav__brand{display:flex;align-items:center;gap:.6rem;flex-shrink:0;min-width:0}.page-nav__brand-name{font-size:1.15rem;font-weight:800;color:var(--theme-text);letter-spacing:-.01em;line-height:1.2}.page-nav__brand-icon{width:clamp(4rem,7vw,10rem);height:clamp(4rem,7vw,10rem);object-fit:contain;flex-shrink:0}.page-nav__brand-env{font-size:.95rem;font-weight:600;color:var(--brand-primary-mid);letter-spacing:.01em;display:inline-flex;align-items:center;gap:.45rem}.page-nav__brand-env:before{content:"•";font-size:.85rem;color:rgba(var(--brand-primary-rgb),.5)}.page-nav__links{list-style:none;display:flex;gap:.5rem;margin:0;padding:0;flex:1;justify-content:center;flex-wrap:nowrap;min-width:0;flex-shrink:1;overflow:hidden}.page-nav__item{margin:0}.page-nav__link{text-decoration:none;font-weight:600;font-size:clamp(.7rem,.9vw,.95rem);color:var(--brand-nav-link);padding:clamp(.35rem,.5vw,.65rem) clamp(.2rem,.4vw,.5rem);position:relative;cursor:pointer;background:transparent;border:2px solid transparent;border-radius:8px;transition:all .2s ease;display:inline-block;white-space:nowrap}.page-nav__link:after{display:none}.page-nav__link:hover{background:rgba(var(--brand-primary-rgb),.08);border-color:rgba(var(--brand-primary-rgb),.2);color:var(--brand-primary)}.page-nav__link--active{background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-strong));color:#fff!important;border-color:var(--brand-primary);box-shadow:0 2px 8px rgba(var(--brand-primary-rgb),.3)}.page-nav__link--active:hover{background:linear-gradient(135deg,var(--brand-primary-strong),var(--brand-primary));color:#fff!important;border-color:var(--brand-primary-strong)}.page-nav__link--disabled{cursor:not-allowed;opacity:.6}.page-nav__link--disabled:hover:after{background:transparent}.page-nav__user{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.page-nav__user-avatar-wrapper{position:relative}.page-nav__user-avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--brand-primary);color:#fff;font-size:.95rem;font-weight:700;border:none;cursor:pointer;transition:all .2s ease;text-transform:uppercase;line-height:1}.page-nav__user-avatar:hover{background:var(--brand-primary-dark, #1a5276);box-shadow:0 2px 8px rgba(var(--brand-primary-rgb),.3)}.page-nav__user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--theme-dropdown-bg);border-radius:8px;box-shadow:0 4px 16px var(--theme-shadow-lg);padding:.75rem 1rem;min-width:180px;z-index:1000;animation:dropdownFadeIn .2s cubic-bezier(.22,1,.36,1)}.page-nav__user-dropdown:before{content:"";position:absolute;top:-6px;right:12px;width:12px;height:12px;background:var(--theme-dropdown-bg);transform:rotate(45deg);box-shadow:-2px -2px 4px #0000000d}.page-nav__user-dropdown-name{font-size:.9rem;font-weight:600;color:var(--brand-heading);white-space:nowrap}.page-nav__user-dropdown-email{font-size:.78rem;color:var(--theme-text-muted);margin-top:.2rem;white-space:nowrap}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.page-nav__logout{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1.5px solid var(--brand-primary);color:var(--brand-primary);border-radius:50%;cursor:pointer;transition:all .2s ease;padding:0}.page-nav__logout:hover{background:var(--brand-primary);color:#fff;box-shadow:0 2px 8px rgba(var(--brand-primary-rgb),.3)}.page-nav__hamburger{display:none;background:none;border:none;cursor:pointer;padding:6px;color:var(--brand-heading, #0F3554);font-size:1.5rem;line-height:1;flex-shrink:0;margin-left:auto}.page-nav__theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1.5px solid var(--brand-primary);background:transparent;color:var(--brand-primary);cursor:pointer;transition:all .2s ease;padding:0;flex-shrink:0}.page-nav__theme-toggle:hover{background:var(--brand-primary);color:var(--theme-text-on-primary);box-shadow:0 2px 8px rgba(var(--brand-primary-rgb),.3)}@media(max-width:1024px){.page-nav__hamburger{display:flex}.page-nav__links{display:flex;position:absolute;top:var(--page-nav-height);right:0;flex-direction:column;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #e2e5ea;box-shadow:0 8px 24px #0000001a;padding:.5rem 0;gap:0;width:350px;z-index:200;overflow:hidden;max-height:0;opacity:0;transform:translateY(-8px);transition:max-height .4s cubic-bezier(.22,1,.36,1),opacity .4s cubic-bezier(.22,1,.36,1),transform .4s cubic-bezier(.22,1,.36,1);pointer-events:none}.page-nav__links--open{max-height:600px;opacity:1;transform:translateY(0);pointer-events:auto}.page-nav__link{width:100%;text-align:left;padding:.75rem 1.5rem;border-radius:0;font-size:.95rem}.page-nav__link--active{background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-strong));color:#fff!important;border-color:var(--brand-primary);box-shadow:0 2px 8px rgba(var(--brand-primary-rgb),.3)}}html[data-theme=dark] body{color:var(--theme-text)}html[data-theme=dark] .page-nav__logout:hover{color:#fff}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{background:rgba(var(--brand-primary-rgb),.05);border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--brand-primary-deep) 0%,var(--brand-primary-mid) 100%);border-radius:4px;border:2px solid var(--theme-border-light, rgba(255, 255, 255, .3));transition:background .2s ease}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--brand-primary-deep) 0%,var(--brand-primary-mid) 100%);box-shadow:0 0 6px #5b7ef166}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:linear-gradient(135deg,#0F3554 0%,#5B8FB9 100%) rgba(var(--brand-primary-rgb),.05)}