@import"https://fonts.googleapis.com/css2?family=Newsreader:opsz,wght@6..72,400..800&family=Public+Sans:wght@400..800&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--primary: #1B2A4A;--primary-dark: #0F1B2F;--primary-light: #2E4A7A;--accent: #C99700;--accent-strong: #8A6A1F;--accent-soft: #E8C77A;--kkm-deep: #0F1B2F;--kkm-blue: #1B2A4A;--kkm-sky: #2E4A7A;--kkm-teal: #2D7D46;--navy: #1B2A4A;--bg: #E8ECF3;--surface: #FFFFFF;--surface-2: #F1F4FA;--surface-3: #E7ECF5;--border: #D8DFEC;--border-strong: #BCC7DA;--text-primary: #1A1A2E;--text-secondary: #4A5568;--text-muted: #8A94A6;--text-on-navy: #F4F7FC;--success: #2D7D46;--warning: #A85916;--danger: #C0392B;--info: #2E4A7A;--success-bg: #E8F3EC;--warning-bg: #FBF1DD;--danger-bg: #FBEAE8;--info-bg: #E9EEF7;--status-good: #2BB6A8;--status-watch: #E9A23B;--status-critical: #C0393B;--status-neutral: #8A94A6;--status-good-bg: #E1F5F2;--status-watch-bg: #FCEFD8;--status-critical-bg: #F5E0E0;--chart-1: #2E4A7A;--chart-1-soft: #6A8AC2;--chart-1-deep: #1B2A4A;--chart-2: #4A90D9;--chart-2-soft: #8FBDEC;--chart-2-deep: #1F5FA3;--chart-3: #2BB6A8;--chart-3-soft: #7AD8CE;--chart-3-deep: #15877A;--chart-4: #C8962E;--chart-4-soft: #E8C77A;--chart-4-deep: #8A6A1F;--chart-5: #E07A5F;--chart-5-soft: #F1AC9B;--chart-5-deep: #A85542;--chart-6: #7B6CD9;--chart-6-soft: #B4AAEC;--chart-6-deep: #5142A8;--chart-grid: #E1E6F0;--chart-axis: #8A94A6;--chart-track: #F1F4FA;--gradient-navy: linear-gradient(160deg, #1B2A4A 0%, #0F1B2F 100%);--gradient-brand: linear-gradient(135deg, #2E4A7A 0%, #1B2A4A 60%, #0F1B2F 100%);--gradient-gold: linear-gradient(135deg, #E8C77A 0%, #C99700 100%);--gradient-sheen: linear-gradient(120deg, transparent 0%, rgba(255,255,255,.1) 50%, transparent 100%);--glow-accent: 0 0 0 3px rgba(46,74,122,.18);--font-display: "Newsreader", Georgia, "Times New Roman", serif;--font-body: "Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "JetBrains Mono", monospace;--radius-card: 10px;--radius-btn: 7px;--radius-pill: 999px;--radius-sm: 5px;--shadow-sm: 0 1px 1px rgba(15,27,47,.05);--shadow-card: 0 1px 2px rgba(15,27,47,.07), 0 6px 18px rgba(15,27,47,.11);--shadow-md: 0 2px 8px rgba(15,27,47,.08), 0 8px 22px rgba(15,27,47,.06);--shadow-lg: 0 8px 28px rgba(15,27,47,.14), 0 18px 50px rgba(15,27,47,.1);--shadow-inset: inset 0 1px 0 rgba(255,255,255,.5);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--transition: .16s cubic-bezier(.4, 0, .2, 1);--transition-lg: .28s cubic-bezier(.4, 0, .2, 1);--z-base: 0;--z-sticky: 20;--z-nav: 40;--z-overlay: 100;--z-modal: 1000;color-scheme:light}[data-theme=dark]{--primary: #2E4A7A;--primary-dark: #0B1424;--primary-light: #4A6BA0;--accent: #E6B422;--accent-strong: #D4A93A;--accent-soft: #F0D596;--kkm-deep: #0B1424;--kkm-blue: #3B5B92;--kkm-sky: #6E8FC4;--kkm-teal: #38A169;--navy: #C7D4EC;--bg: #0B1424;--surface: #14203A;--surface-2: #1B2942;--surface-3: #233351;--border: #2A3A57;--border-strong: #3A4F73;--text-primary: #EAEFF8;--text-secondary: #A9B6CC;--text-muted: #6B7C99;--text-on-navy: #EAEFF8;--success: #38A169;--warning: #E8973A;--danger: #E06A5C;--info: #6E8FC4;--success-bg: #0E2A1C;--warning-bg: #2E2410;--danger-bg: #331412;--info-bg: #16243E;--status-good: #4FD1C5;--status-watch: #F6C177;--status-critical: #E85D5D;--status-neutral: #6B7C99;--status-good-bg: #11302C;--status-watch-bg: #2E2510;--status-critical-bg: #2E1111;--chart-1: #6E8FC4;--chart-1-soft: #A5BDDF;--chart-1-deep: #3B5B92;--chart-2: #7AB5F0;--chart-2-soft: #ABD0F5;--chart-2-deep: #4A88C8;--chart-3: #4FD1C5;--chart-3-soft: #92E5DD;--chart-3-deep: #1F9A8C;--chart-4: #E0B458;--chart-4-soft: #F0D596;--chart-4-deep: #A48238;--chart-5: #F2A088;--chart-5-soft: #F8C5B5;--chart-5-deep: #B86D55;--chart-6: #9F92E6;--chart-6-soft: #C6BDF0;--chart-6-deep: #6F62B8;--chart-grid: #2A3A57;--chart-axis: #6B7C99;--chart-track: #1B2942;--gradient-navy: linear-gradient(160deg, #1B2942 0%, #0B1424 100%);--gradient-brand: linear-gradient(135deg, #2E4A7A 0%, #14203A 60%, #0B1424 100%);--gradient-sheen: linear-gradient(120deg, transparent 0%, rgba(255,255,255,.06) 50%, transparent 100%);--glow-accent: 0 0 0 3px rgba(110,143,196,.25);--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow-card: 0 2px 4px rgba(0,0,0,.5), 0 8px 22px rgba(0,0,0,.4);--shadow-md: 0 4px 12px rgba(0,0,0,.45), 0 12px 32px rgba(0,0,0,.35);--shadow-lg: 0 12px 36px rgba(0,0,0,.55), 0 24px 64px rgba(0,0,0,.45);--shadow-inset: inset 0 1px 0 rgba(255,255,255,.04);color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-body);font-size:14px;background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.55;letter-spacing:-.006em;transition:background var(--transition-lg),color var(--transition-lg)}h1,h2,h3,h4,h5,h6{font-family:var(--font-body);letter-spacing:-.01em;line-height:1.2}code,pre,.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}table,.tabular,[data-tabular]{font-variant-numeric:tabular-nums}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}button:not(:disabled):active{transform:translateY(1px)}button:disabled{cursor:not-allowed}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-pill);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--text-muted);background-clip:padding-box}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*:focus-visible{outline:2px solid var(--primary-light);outline-offset:2px;border-radius:4px}::selection{background:#2e4a7a38;color:var(--text-primary)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-480px 0}to{background-position:480px 0}}@keyframes glowPulse{0%,to{box-shadow:0 0 #2e4a7a00}50%{box-shadow:0 0 0 6px #2e4a7a14}}@keyframes tooltipSlideIn{0%{opacity:0;transform:translate(-4px,-50%)}to{opacity:1;transform:translateY(-50%)}}@keyframes modalPop{0%{opacity:0;transform:scale(.96) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes backdropFade{0%{opacity:0}to{opacity:1}}.spin{animation:spin .9s linear infinite}.page-enter{animation:fadeUp .4s cubic-bezier(.4,0,.2,1) both}.page-enter>*{animation:fadeIn .45s cubic-bezier(.4,0,.2,1) both}.page-enter>*:nth-child(1){animation-delay:.02s}.page-enter>*:nth-child(2){animation-delay:.07s}.page-enter>*:nth-child(3){animation-delay:.12s}.page-enter>*:nth-child(4){animation-delay:.17s}.page-enter>*:nth-child(5){animation-delay:.22s}.page-enter>*:nth-child(6){animation-delay:.27s}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 37%,var(--surface-2) 63%);background-size:960px 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:var(--radius-sm)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.card-hover{transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.card-hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)!important;border-color:var(--border-strong)!important}.icon-pop{transition:transform var(--transition)}.icon-pop-host:hover .icon-pop{transform:translate(2px) scale(1.08)}.tooltip-chip{position:absolute;left:calc(100% + 10px);top:50%;transform:translate(-4px,-50%);opacity:0;pointer-events:none;background:var(--primary-dark);color:var(--text-on-navy);border:1px solid rgba(255,255,255,.08);border-left:2px solid var(--accent);border-radius:6px;padding:5px 10px;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 6px 18px #00000047;transition:opacity var(--transition),transform var(--transition);z-index:60}.tooltip-host:hover>.tooltip-chip{animation:tooltipSlideIn .14s cubic-bezier(.4,0,.2,1) forwards}.modal-backdrop{animation:backdropFade .16s ease-out both}.modal-card{animation:modalPop .2s cubic-bezier(.4,0,.2,1) both}.glass{background:color-mix(in srgb,var(--surface) 78%,transparent);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px)}.btn-primary{background:var(--gradient-brand);color:#fff;border:none;border-radius:var(--radius-btn);font-weight:600;transition:filter var(--transition),transform var(--transition),box-shadow var(--transition);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){filter:brightness(1.08);box-shadow:var(--shadow-md)}.btn-primary:active:not(:disabled){transform:translateY(1px)}.kkm-keyline{position:relative;display:inline-block;padding-bottom:5px}.kkm-keyline:after{content:"";position:absolute;left:0;bottom:0;width:26px;height:2px;border-radius:2px;background:var(--accent-strong)}[data-theme=dark] .kkm-keyline:after{background:var(--accent)}.explorer-cell{position:relative}.explorer-cell.editable{cursor:cell}.explorer-cell.editable:hover{background:var(--surface-3)}.explorer-cell.editable:focus-visible{outline:2px solid var(--kkm-sky);outline-offset:-2px;background:var(--surface-3)}.explorer-cell .edit-icon{opacity:0;transition:opacity var(--transition);pointer-events:none}.explorer-cell.editable:hover .edit-icon,.explorer-cell.editable:focus-visible .edit-icon{opacity:.65}.kpi-seg{transition:background var(--transition)}.kpi-seg:hover{background:var(--surface-2)}.kpi-seg:focus-visible{outline:2px solid var(--kkm-sky);outline-offset:-2px}.kpi-seg[aria-pressed=true]{background:var(--surface-2);box-shadow:inset 3px 0 0 var(--accent-strong)}[data-theme=dark] .kpi-seg[aria-pressed=true]{box-shadow:inset 3px 0 color-mix(in srgb,var(--accent-strong) 62%,transparent)}@media (max-width: 768px){.login-layout{flex-direction:column!important}.login-brand-panel{flex:none!important;min-height:220px;padding:32px!important}.kpi-indicator-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.kpi-indicator-grid .kpi-seg:nth-child(odd){border-left:none!important}.quality-layout{flex-wrap:wrap!important}.quality-left-col{flex:1 1 100%!important}}@media (max-width: 480px){.kpi-indicator-grid{grid-template-columns:1fr!important}.login-brand-panel{min-height:160px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}