:root{--kl-green-950: #032012;--kl-green-900: #042B16;--kl-green-800: #053D20;--kl-green-700: #045C2D;--kl-green-600: #047A3B;--kl-green-500: #0B8F45;--kl-green-400: #16A34A;--kl-green-300: #4CC178;--kl-green-200: #9FE0B6;--kl-green-100: #DCF4E5;--kl-green-50: #F0FAF3;--kl-gradient-brand: linear-gradient(105deg, #045C2D 0%, #0B8F45 55%, #19B254 100%);--kl-gradient-brand-soft: linear-gradient(120deg, #0B8F45 0%, #16A34A 100%);--kl-ink: #0E1A14;--kl-fg-2: #344740;--kl-fg-3: #62736B;--kl-fg-4: #93A39B;--kl-bg-1: #FFFFFF;--kl-bg-2: #F6F9F7;--kl-bg-3: #EDF3EF;--kl-surface-dark: #07140D;--kl-surface-dark-2: #0C2017;--kl-border: #E4EBE7;--kl-border-strong: #CDDAD2;--kl-border-dark: #173326;--kl-primary: var(--kl-green-500);--kl-primary-hover: var(--kl-green-600);--kl-primary-active: var(--kl-green-700);--kl-primary-fg: #FFFFFF;--kl-link: var(--kl-green-600);--kl-success: #0B8F45;--kl-success-bg:#E4F6EB;--kl-warning: #B5750A;--kl-warning-bg:#FBF1DC;--kl-danger: #C03A2B;--kl-danger-bg: #FBE9E7;--kl-info: #2F6FB0;--kl-info-bg: #E7F0F9;--kl-status-running: #16A34A;--kl-status-idle: #93A39B;--kl-status-queued: #B5750A;--kl-status-failed: #C03A2B;--kl-r-xs: 4px;--kl-r-sm: 7px;--kl-r-md: 11px;--kl-r-lg: 16px;--kl-r-xl: 24px;--kl-r-pill: 999px;--kl-shadow-xs: 0 1px 2px rgba(7,20,13,.06);--kl-shadow-sm: 0 1px 3px rgba(7,20,13,.07), 0 1px 2px rgba(7,20,13,.05);--kl-shadow-md: 0 4px 14px rgba(7,20,13,.08), 0 2px 5px rgba(7,20,13,.05);--kl-shadow-lg: 0 14px 40px rgba(7,20,13,.12), 0 4px 12px rgba(7,20,13,.06);--kl-shadow-focus: 0 0 0 3px rgba(11,143,69,.28);--kl-glow-green: 0 0 0 1px rgba(22,163,74,.3), 0 8px 30px rgba(22,163,74,.22);--kl-space-1: 4px;--kl-space-2: 8px;--kl-space-3: 12px;--kl-space-4: 16px;--kl-space-5: 24px;--kl-space-6: 32px;--kl-space-7: 48px;--kl-space-8: 64px;--kl-space-9: 96px;--kl-font-display: "Poppins", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--kl-font-body: "Manrope", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--kl-font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--kl-w-regular: 400;--kl-w-medium: 500;--kl-w-semibold: 600;--kl-w-bold: 700}.kl-display{font-family:var(--kl-font-display);font-weight:700;font-size:clamp(40px,6vw,72px);line-height:1.04;letter-spacing:-.02em;color:var(--kl-ink);text-wrap:balance}.kl-h1{font-family:var(--kl-font-display);font-weight:600;font-size:40px;line-height:1.1;letter-spacing:-.018em;color:var(--kl-ink);text-wrap:balance}.kl-h2{font-family:var(--kl-font-display);font-weight:600;font-size:28px;line-height:1.18;letter-spacing:-.012em;color:var(--kl-ink)}.kl-h3{font-family:var(--kl-font-display);font-weight:600;font-size:20px;line-height:1.25;letter-spacing:-.006em;color:var(--kl-ink)}.kl-eyebrow{font-family:var(--kl-font-body);font-weight:700;font-size:12px;line-height:1.2;letter-spacing:.14em;text-transform:uppercase;color:var(--kl-green-600)}.kl-lead{font-family:var(--kl-font-body);font-weight:400;font-size:19px;line-height:1.55;color:var(--kl-fg-2)}.kl-body{font-family:var(--kl-font-body);font-weight:400;font-size:16px;line-height:1.6;color:var(--kl-fg-2)}.kl-small{font-family:var(--kl-font-body);font-weight:500;font-size:13px;line-height:1.45;color:var(--kl-fg-3)}.kl-mono{font-family:var(--kl-font-mono);font-weight:500;font-size:13px;line-height:1.5;letter-spacing:-.01em;color:var(--kl-fg-2)}.kl-label{font-family:var(--kl-font-body);font-weight:600;font-size:13px;line-height:1.3;letter-spacing:.01em;color:var(--kl-fg-2)}.kl-grad-text{background:var(--kl-gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--kl-font-body);color:var(--kl-fg-2);background:var(--kl-bg-2);-webkit-font-smoothing:antialiased}.mono{font-family:var(--kl-font-mono)}.c-card{background:var(--kl-bg-1);border:1px solid var(--kl-border);border-radius:var(--kl-r-md);box-shadow:var(--kl-shadow-sm)}.c-bar{height:6px;border-radius:6px;background:var(--kl-bg-3);overflow:hidden;width:100%}.c-bar>i{display:block;height:100%;border-radius:6px;background:var(--kl-primary)}.c-spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--kl-border);border-top-color:var(--kl-primary);animation:c-spin .8s linear infinite}@keyframes c-spin{to{transform:rotate(360deg)}}.app{display:flex;height:100vh;width:100%;overflow:hidden;background:var(--kl-bg-2)}.rail{width:248px;flex-shrink:0;display:flex;flex-direction:column;background:var(--kl-bg-1);border-right:1px solid var(--kl-border)}.rail__brand{display:flex;align-items:center;gap:10px;padding:18px 20px;border-bottom:1px solid var(--kl-border)}.rail__brand .mark{width:32px;height:32px;border-radius:var(--kl-r-sm);flex:none;display:flex;align-items:center;justify-content:center;background:var(--kl-gradient-brand);color:#fff;font-weight:700;font-family:var(--kl-font-display)}.rail__brand .name{font-family:var(--kl-font-display);font-weight:700;font-size:15px;color:var(--kl-ink)}.rail__name-sub{font-size:11px;color:var(--kl-fg-4)}.rail__group-label{padding:14px 20px 6px}.rail__group-name{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--kl-fg-4)}.nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 20px;border:none;background:transparent;cursor:pointer;font-family:var(--kl-font-body);font-size:13.5px;font-weight:600;color:var(--kl-fg-3);text-align:left}.nav-item:hover{background:var(--kl-bg-3);color:var(--kl-ink)}.nav-item.is-active{background:var(--kl-green-50);color:var(--kl-green-700);box-shadow:inset 3px 0 0 var(--kl-primary)}.subnav{display:flex;flex-direction:column;gap:2px;padding:2px 0 8px}.subnav-item{display:block;width:100%;text-align:left;cursor:pointer;padding:7px 20px 7px 30px;border:none;background:transparent;font-family:var(--kl-font-body);font-size:13px;font-weight:500;color:var(--kl-fg-3);text-decoration:none}.subnav-item:hover{color:var(--kl-ink)}.subnav-item.is-active{color:var(--kl-green-700);font-weight:700}.rail__foot{margin-top:auto;padding:12px;border-top:1px solid var(--kl-border)}.rail__user{display:flex;align-items:center;gap:10px;padding:6px 8px}.rail__user .avatar{width:30px;height:30px;border-radius:var(--kl-r-pill);flex:none;display:flex;align-items:center;justify-content:center;background:var(--kl-green-100);color:var(--kl-green-700);font-weight:700;font-size:13px}.icon-btn{width:30px;height:30px;border-radius:var(--kl-r-sm);flex:none;display:flex;align-items:center;justify-content:center;border:1px solid var(--kl-border);background:transparent;color:var(--kl-fg-3);cursor:pointer}.icon-btn:hover{background:var(--kl-bg-3);color:var(--kl-ink)}.main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.topbar{height:56px;flex-shrink:0;display:flex;align-items:center;gap:8px;padding:0 24px;border-bottom:1px solid var(--kl-border);background:var(--kl-bg-1)}.topbar__crumbs{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--kl-fg-4)}.topbar__crumbs .cur{color:var(--kl-ink);font-weight:600}.content{flex:1;overflow:auto}.content__inner{max-width:1200px;margin:0 auto;padding:24px}.banner{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--kl-r-md);font-size:13.5px}.banner--warn{background:var(--kl-warning-bg);color:var(--kl-warning);border:1px solid var(--kl-warning)}.banner--red{background:var(--kl-danger-bg);color:var(--kl-danger);border:1px solid var(--kl-danger)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.kl-btn{display:inline-flex;align-items:center;gap:6px;cursor:pointer;padding:8px 14px;border-radius:var(--kl-r-sm);border:1px solid var(--kl-border-strong);background:var(--kl-bg-1);font-family:var(--kl-font-body);font-size:13px;font-weight:600;color:var(--kl-ink)}.kl-btn:hover:not(:disabled){background:var(--kl-bg-3)}.kl-btn:disabled{opacity:.45;cursor:not-allowed}.kl-btn.primary{background:var(--kl-primary);border-color:var(--kl-primary);color:#fff}.kl-btn.primary:hover:not(:disabled){background:var(--kl-primary-hover)}.kl-select{padding:7px 10px;border-radius:var(--kl-r-sm);border:1px solid var(--kl-border-strong);font-size:13px;color:var(--kl-ink);background:#fff;font-family:var(--kl-font-body)}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:left;padding:10px 12px;border-bottom:1px solid var(--kl-border);font-size:12px;font-weight:700;color:var(--kl-fg-3);white-space:nowrap}.tbl td{padding:10px 12px;border-bottom:1px solid var(--kl-border);color:var(--kl-fg-2)}.tbl tr:hover td{background:var(--kl-bg-2)}.chip{display:inline-flex;align-items:center;padding:2px 9px;border-radius:var(--kl-r-pill);font-size:12px;font-weight:600}.chip--green{background:var(--kl-success-bg);color:var(--kl-success)}.chip--amber{background:var(--kl-warning-bg);color:var(--kl-warning)}.chip--red{background:var(--kl-danger-bg);color:var(--kl-danger)}.chip--outline{background:var(--kl-bg-3);color:var(--kl-fg-3)}.login-screen{display:flex;align-items:center;justify-content:center;height:100vh;padding:24px;background:var(--kl-bg-2)}.login-card{width:380px;max-width:100%;padding:32px}.login-field{display:block;margin-bottom:14px}.login-field label{display:block;font-size:12px;font-weight:700;color:var(--kl-fg-3);margin-bottom:6px}.login-field input{width:100%;padding:10px 12px;border-radius:var(--kl-r-sm);border:1px solid var(--kl-border-strong);font-size:14px;color:var(--kl-ink);background:#fff;font-family:var(--kl-font-body)}.login-field input:focus{outline:none;border-color:var(--kl-primary);box-shadow:var(--kl-shadow-focus)}