:root{color-scheme:light;--kgs-color-page: #f3f4f5;--kgs-color-surface: #ffffff;--kgs-color-surface-soft: #f8f9f9;--kgs-color-surface-strong: #eef1f3;--kgs-color-surface-raised: #ffffff;--kgs-color-surface-selected: #eef5f8;--kgs-color-surface-user: #f4f8f7;--kgs-color-surface-system: #f5f7f9;--kgs-color-surface-warning: #fff8eb;--kgs-color-surface-success: #eef7f2;--kgs-color-surface-danger: #fff1f2;--kgs-color-ink-900: #15191d;--kgs-color-ink-700: #33404a;--kgs-color-muted-600: #5e6870;--kgs-color-muted-500: #737e86;--kgs-color-line-200: #e4e8eb;--kgs-color-line-300: #d7dcdf;--kgs-color-steel-900: #172532;--kgs-color-steel-950: #0b1824;--kgs-color-red-600: #e30613;--kgs-color-red-700: #b4000b;--kgs-color-teal-700: #006b73;--kgs-color-gold-700: #8d671f;--kgs-color-green-700: #24754f;--kgs-color-bluegray-700: #46667a;--kgs-color-info-text: #006b73;--kgs-color-warning-text: #8d671f;--kgs-color-success-text: #24754f;--kgs-color-danger-text: #b4000b;--kgs-font-family-sans: "Gotham", Arial, Helvetica, sans-serif;--kgs-radius-1: 2px;--kgs-radius-2: 4px;--kgs-radius-3: 6px;--kgs-shadow-overlay: 0 18px 44px rgba(12, 24, 35, .22);--kgs-sidebar-width: 272px;--kgs-sidebar-collapsed-width: 76px;--kgs-topbar-height: 68px;--kgs-focus-ring: 0 0 0 3px rgba(227, 6, 19, .22)}:root[data-theme=dark]{color-scheme:dark;--kgs-color-page: #101820;--kgs-color-surface: #17212a;--kgs-color-surface-soft: #1d2a34;--kgs-color-surface-strong: #24323d;--kgs-color-surface-raised: #1b2832;--kgs-color-surface-selected: #18333a;--kgs-color-surface-user: #173136;--kgs-color-surface-system: #202c36;--kgs-color-surface-warning: #342b18;--kgs-color-surface-success: #162d24;--kgs-color-surface-danger: #351c22;--kgs-color-ink-900: #f3f5f6;--kgs-color-ink-700: #d6dde2;--kgs-color-muted-600: #a8b2ba;--kgs-color-muted-500: #8f9aa3;--kgs-color-line-200: #2d3b46;--kgs-color-line-300: #3a4853;--kgs-color-info-text: #8fcfd3;--kgs-color-warning-text: #e1bb6f;--kgs-color-success-text: #8fd2aa;--kgs-color-danger-text: #ff8a91}@media(prefers-color-scheme:dark){:root[data-theme=auto],:root:not([data-theme]){color-scheme:dark;--kgs-color-page: #101820;--kgs-color-surface: #17212a;--kgs-color-surface-soft: #1d2a34;--kgs-color-surface-strong: #24323d;--kgs-color-surface-raised: #1b2832;--kgs-color-surface-selected: #18333a;--kgs-color-surface-user: #173136;--kgs-color-surface-system: #202c36;--kgs-color-surface-warning: #342b18;--kgs-color-surface-success: #162d24;--kgs-color-surface-danger: #351c22;--kgs-color-ink-900: #f3f5f6;--kgs-color-ink-700: #d6dde2;--kgs-color-muted-600: #a8b2ba;--kgs-color-muted-500: #8f9aa3;--kgs-color-line-200: #2d3b46;--kgs-color-line-300: #3a4853;--kgs-color-info-text: #8fcfd3;--kgs-color-warning-text: #e1bb6f;--kgs-color-success-text: #8fd2aa;--kgs-color-danger-text: #ff8a91}}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--kgs-color-page);color:var(--kgs-color-ink-900);font-family:var(--kgs-font-family-sans);font-size:14px;line-height:1.45}button,input,select,textarea{font:inherit}button{border-radius:var(--kgs-radius-2);cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:var(--kgs-focus-ring);outline:none}h1,h2,h3,p{margin:0}img{display:block;max-width:100%}.app-entry{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:24px}.login-card{background:var(--kgs-color-surface);border:1px solid var(--kgs-color-line-200);border-radius:var(--kgs-radius-3);display:grid;gap:18px;max-width:520px;padding:24px;width:100%}.login-card-header{align-items:center;display:flex;gap:16px}.login-card-header img{height:32px}.login-card-header p{color:var(--kgs-color-muted-600);font-size:12px}.app-shell{display:grid;grid-template-columns:var(--kgs-sidebar-width) minmax(0,1fr);min-height:100vh}.shell-collapsed{grid-template-columns:var(--kgs-sidebar-collapsed-width) minmax(0,1fr)}.app-sidebar{background:var(--kgs-color-steel-950);color:#f3f5f6;display:flex;flex-direction:column;min-height:100vh;padding:18px 12px;position:relative;z-index:20}.app-brand{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;padding:0 4px 16px}.app-brand-lockup{align-items:center;display:flex;gap:12px;min-width:0}.app-brand-lockup img{height:28px;width:auto}.app-brand-title{font-size:16px;font-weight:700}.app-brand-subtitle{color:#a8b2ba;font-size:11px;text-transform:uppercase}.icon-button,.secondary-button,.primary-button,.theme-option,.app-nav-item,.record-list-item,.queue-item{align-items:center;background:var(--kgs-color-surface);border:1px solid var(--kgs-color-line-300);color:var(--kgs-color-ink-700);display:inline-flex;gap:8px;justify-content:center;min-height:36px;padding:0 12px}.icon-button{min-width:36px;padding:0}.secondary-button{background:var(--kgs-color-surface)}.primary-button{background:var(--kgs-color-red-600);border-color:var(--kgs-color-red-600);color:#fff;font-weight:700}.primary-button:hover{background:var(--kgs-color-red-700)}.sidebar-toggle{background:#ffffff14;border-color:#ffffff24;color:#fff}.app-nav{display:grid;gap:4px}.app-nav-item{background:transparent;border-color:transparent;color:#d6dde2;justify-content:flex-start;min-height:40px;padding:0 10px;position:relative}.app-nav-item.active{background:var(--kgs-color-steel-900);color:#fff}.app-nav-item.active:before{background:var(--kgs-color-red-600);bottom:6px;content:"";left:0;position:absolute;top:6px;width:3px}.app-nav-icon{display:inline-flex;flex:0 0 auto}.shell-collapsed .app-brand-subtitle,.shell-collapsed .app-nav-label,.shell-collapsed .sidebar-status span,.shell-collapsed .sidebar-user,.shell-collapsed .theme-switcher,.shell-collapsed .sidebar-signout{display:none}.shell-collapsed .app-brand-lockup>div{display:none}.app-sidebar-footer{border-top:1px solid rgba(255,255,255,.12);display:grid;gap:12px;margin-top:auto;padding:14px 6px 0}.sidebar-status,.topbar-meta,.meta-row,.record-list-meta,.queue-item-body{color:var(--kgs-color-muted-600);display:flex;flex-wrap:wrap;gap:8px 12px}.sidebar-status{color:#a8b2ba}.theme-switcher{display:grid;gap:8px}.theme-option{background:transparent;border-color:#ffffff1f;color:#d6dde2;justify-content:center;min-height:30px;padding:0 8px}.theme-option.active{background:var(--kgs-color-steel-900);border-color:#ffffff2e;color:#fff}.sidebar-user{display:grid;gap:3px}.sidebar-user span{color:#a8b2ba;font-size:12px}.sidebar-signout{width:100%}.app-main{min-width:0}.app-topbar{align-items:center;background:var(--kgs-color-surface-raised);border-bottom:1px solid var(--kgs-color-line-200);display:flex;gap:16px;justify-content:space-between;min-height:var(--kgs-topbar-height);padding:14px 24px;position:sticky;top:0;z-index:10}.topbar-left,.topbar-right{align-items:center;display:flex;gap:12px}.mobile-nav-trigger{display:none}.page-title{font-size:22px;line-height:1.2}.topbar-user{color:var(--kgs-color-muted-600);font-size:12px}.inline-notice{align-items:center;border-bottom:1px solid var(--kgs-color-line-200);display:flex;flex-wrap:wrap;gap:8px 14px;padding:12px 24px}.inline-notice-success{background:var(--kgs-color-surface-success);color:var(--kgs-color-success-text)}.inline-notice-error{background:var(--kgs-color-surface-danger);color:var(--kgs-color-danger-text)}.inline-notice-warning{background:var(--kgs-color-surface-warning);color:var(--kgs-color-warning-text)}.inline-notice-info{background:var(--kgs-color-surface-system);color:var(--kgs-color-info-text)}.app-content{display:grid;gap:16px;padding:24px}.page-stack{display:grid;gap:16px}.page-header-row{align-items:center;display:flex;gap:16px;justify-content:space-between}.page-title-block{display:grid;gap:6px}.screen-title{font-size:22px;line-height:1.2}.page-actions{display:flex;flex-wrap:wrap;gap:8px}.metrics-grid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.metric-tile{background:var(--kgs-color-surface);border:1px solid var(--kgs-color-line-200);border-left:4px solid var(--kgs-color-bluegray-700);border-radius:var(--kgs-radius-2);display:grid;gap:6px;min-height:92px;padding:14px}.metric-tile span,.metric-tile small{color:var(--kgs-color-muted-600);font-size:12px}.metric-tile strong{font-size:28px;line-height:1}.metric-tile-critical{border-left-color:var(--kgs-color-red-600)}.metric-tile-warning{border-left-color:var(--kgs-color-gold-700)}.metric-tile-info{border-left-color:var(--kgs-color-teal-700)}.metric-tile-success{border-left-color:var(--kgs-color-green-700)}.surface-section{background:var(--kgs-color-surface);border:1px solid var(--kgs-color-line-200);border-radius:var(--kgs-radius-2);overflow:hidden}.surface-section-accent{border-top:2px solid var(--kgs-color-red-600)}.surface-section-header{align-items:center;background:var(--kgs-color-surface-strong);border-bottom:1px solid var(--kgs-color-line-200);display:flex;gap:12px;justify-content:space-between;min-height:46px;padding:10px 14px}.surface-section-header h2{font-size:15px}.surface-section-body{display:grid;gap:14px;padding:14px}.toolbar-form{display:grid;gap:12px;grid-template-columns:repeat(6,minmax(0,1fr))}.filters-toggle{display:none}.form-field,.form-check{display:grid;gap:6px}.form-field span,.field-label{color:var(--kgs-color-muted-600);font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.text-input,.select-input,.text-area{background:var(--kgs-color-surface);border:1px solid var(--kgs-color-line-300);border-radius:var(--kgs-radius-2);color:var(--kgs-color-ink-900);min-height:38px;padding:8px 10px;width:100%}.text-area{min-height:96px;resize:vertical}.form-check{align-items:center;align-self:end;display:inline-flex;gap:8px;min-height:38px}.form-actions,.action-cluster,.card-actions,.modal-actions{display:flex;flex-wrap:wrap;gap:8px}.workbench{align-items:start;display:grid;gap:16px;grid-template-columns:minmax(280px,360px) minmax(0,1fr)}.record-strip{background:var(--kgs-color-surface);border:1px solid var(--kgs-color-line-200);border-radius:var(--kgs-radius-2);display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));padding:14px}.record-strip strong{display:block;font-size:15px;margin-top:4px}.queue-list,.exception-stack,.form-stack,.detail-panel,.recommendation-detail{display:grid;gap:12px}.queue-item,.record-list-item{background:var(--kgs-color-surface-soft);border:1px solid var(--kgs-color-line-200);color:var(--kgs-color-ink-900);display:grid;gap:10px;justify-items:stretch;padding:12px;text-align:left;width:100%}.queue-item.selected,.record-list-item.selected,.selected-row{background:var(--kgs-color-surface-selected)}.queue-item-head,.record-list-head,.recommendation-header,.detail-heading,.exception-card-head,.timeline-head,.recommendation-heading-row{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.queue-item-body,.record-list-meta{font-size:12px}.record-list{display:grid;gap:10px}.record-list-item h3{font-size:15px}.record-list-item p{color:var(--kgs-color-muted-600)}.recommendation-header{border-bottom:1px solid var(--kgs-color-line-200);padding-bottom:12px}.detail-columns{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.system-block,.warning-block,.state-panel,.dry-run-panel{background:var(--kgs-color-surface-system);border:1px solid var(--kgs-color-line-200);border-left:4px solid var(--kgs-color-teal-700);display:grid;gap:8px;padding:12px}.warning-block,.state-panel-warning{background:var(--kgs-color-surface-warning);border-left-color:var(--kgs-color-gold-700)}.state-panel-danger,.inline-notice-error{border-left-color:var(--kgs-color-red-600)}.state-panel-muted{border-left-color:var(--kgs-color-bluegray-700)}.state-panel p,.system-block p,.warning-block p,.empty-inline{color:var(--kgs-color-muted-600)}.state-panel{align-items:center;grid-template-columns:auto 1fr}.state-panel-actions{grid-column:1 / -1}.loading-mark{animation:pulse 1.1s linear infinite;background:var(--kgs-color-red-600);border-radius:50%;height:12px;width:12px}@keyframes pulse{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.status-badge{border-radius:999px;display:inline-flex;font-size:11px;font-weight:700;line-height:1;padding:6px 8px}.status-badge-critical{background:var(--kgs-color-surface-danger);color:var(--kgs-color-danger-text)}.status-badge-high,.status-badge-warning{background:var(--kgs-color-surface-warning);color:var(--kgs-color-warning-text)}.status-badge-medium,.status-badge-info{background:var(--kgs-color-surface-system);color:var(--kgs-color-info-text)}.status-badge-low,.status-badge-neutral{background:var(--kgs-color-surface-soft);color:var(--kgs-color-muted-600)}.status-badge-success{background:var(--kgs-color-surface-success);color:var(--kgs-color-success-text)}.key-value-grid,.role-grid,.chip-list,.alert-strip{display:grid;gap:10px}.key-value-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.key-value-card{background:var(--kgs-color-surface-soft);border:1px solid var(--kgs-color-line-200);border-radius:var(--kgs-radius-2);display:grid;gap:6px;min-height:78px;padding:12px}.key-value-card strong{font-size:15px;line-height:1.3}.key-value-card.tone-user{background:var(--kgs-color-surface-user)}.key-value-card.tone-system{background:var(--kgs-color-surface-system)}.key-value-card.tone-warning{background:var(--kgs-color-surface-warning)}.key-value-card.tone-success{background:var(--kgs-color-surface-success)}.key-value-card.tone-danger{background:var(--kgs-color-surface-danger)}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;min-width:860px;width:100%}.data-table th,.data-table td{border-bottom:1px solid var(--kgs-color-line-200);padding:10px 12px;text-align:left;vertical-align:top;white-space:nowrap}.data-table th{color:var(--kgs-color-muted-600);font-size:11px;letter-spacing:.03em;text-transform:uppercase}.key-cell{display:grid;gap:4px}.key-cell span{color:var(--kgs-color-muted-600);font-size:12px}.timeline-list{display:grid;gap:10px;list-style:none;margin:0;padding:0}.timeline-list li{background:var(--kgs-color-surface-soft);border:1px solid var(--kgs-color-line-200);border-radius:var(--kgs-radius-2);display:grid;gap:8px;padding:12px}.chip-list{list-style:none;margin:0;padding:0}.chip-list li{align-items:center;background:var(--kgs-color-surface-soft);border:1px solid var(--kgs-color-line-200);border-radius:var(--kgs-radius-2);display:flex;gap:8px;padding:10px 12px}.exception-card{background:var(--kgs-color-surface-soft);border:1px solid var(--kgs-color-line-200);border-radius:var(--kgs-radius-2);display:grid;gap:10px;padding:12px}.role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.role-option{align-items:flex-start;background:var(--kgs-color-surface-soft);border:1px solid var(--kgs-color-line-200);border-radius:var(--kgs-radius-2);display:grid;gap:10px;grid-template-columns:auto 1fr;padding:12px}.role-option span{color:var(--kgs-color-muted-600);font-size:12px}.modal-shell{align-items:center;background:#0c18238c;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:40}.modal-card{background:var(--kgs-color-surface-raised);border:1px solid var(--kgs-color-line-200);border-radius:var(--kgs-radius-3);box-shadow:var(--kgs-shadow-overlay);display:grid;gap:14px;max-height:90vh;max-width:680px;overflow:auto;padding:18px;width:100%}.modal-wide{max-width:1120px}.modal-header{align-items:center;display:flex;justify-content:space-between}.modal-form{display:grid;gap:12px}.shell-scrim{display:none}.desktop-only{display:block}.mobile-only{display:none}@media(max-width:1120px){.metrics-grid,.record-strip,.detail-columns,.key-value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar-form{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.app-shell,.shell-collapsed{grid-template-columns:1fr}.app-sidebar{bottom:0;left:0;max-width:320px;position:fixed;top:0;transform:translate(-102%);transition:transform .18s ease;width:min(82vw,320px)}.shell-mobile-open .app-sidebar{transform:translate(0)}.shell-scrim.visible{display:block;inset:0;position:fixed;z-index:15}.app-topbar{padding:14px 16px}.mobile-nav-trigger{display:inline-flex}.app-content{padding:16px}.page-header-row,.app-topbar,.topbar-left,.topbar-right,.surface-section-header,.recommendation-header,.detail-heading{align-items:flex-start;flex-direction:column}.workbench,.detail-columns{grid-template-columns:1fr}.toolbar-form{display:none;grid-template-columns:1fr}.toolbar-form.open{display:grid}.filters-toggle{display:inline-flex}}@media(max-width:640px){.metrics-grid,.record-strip,.key-value-grid,.role-grid{grid-template-columns:1fr}.desktop-only{display:none}.mobile-only{display:block}.queue-item,.record-list-item{min-height:0}}