@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--bg-canvas: #F8FAFC;--bg-surface: #FFFFFF;--bg-subtle: #F1F5F9;--bg-muted: #E2E8F0;--border-default: #E2E8F0;--border-subtle: #F1F5F9;--border-active: #CBD5E1;--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #64748B;--text-subtle: #94A3B8;--brand-primary: #4F46E5;--brand-primary-hover: #4338CA;--brand-subtle: #EEF2FF;--brand-border: #C7D2FE;--brand-contrast: #FFFFFF;--success: #10B981;--success-subtle: #ECFDF5;--success-border: #A7F3D0;--success-text: #047857;--warning: #F59E0B;--warning-subtle: #FFFBEB;--warning-border: #FDE68A;--warning-text: #B45309;--danger: #EF4444;--danger-subtle: #FEF2F2;--danger-border: #FECACA;--danger-text: #B91C1C;--info: #0284C7;--info-subtle: #F0F9FF;--info-border: #BAE6FD;--info-text: #0369A1;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgba(15, 23, 42, .04);--shadow-sm: 0 1px 3px 0 rgba(15, 23, 42, .06), 0 1px 2px -1px rgba(15, 23, 42, .04);--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .06), 0 2px 4px -2px rgba(15, 23, 42, .04);--shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, .06), 0 4px 6px -4px rgba(15, 23, 42, .03);--shadow-drawer: -4px 0 24px rgba(15, 23, 42, .08);--transition-fast: .15s cubic-bezier(.16, 1, .3, 1);--transition-normal: .2s cubic-bezier(.16, 1, .3, 1)}[data-theme=dark]{--bg-canvas: #090D16;--bg-surface: #111827;--bg-subtle: #182234;--bg-muted: #1F293D;--border-default: #1F293D;--border-subtle: #162033;--border-active: #334155;--text-primary: #F8FAFC;--text-secondary: #CBD5E1;--text-muted: #94A3B8;--text-subtle: #64748B;--brand-primary: #6366F1;--brand-primary-hover: #818CF8;--brand-subtle: #1E1B4B;--brand-border: #3730A3;--brand-contrast: #FFFFFF;--success: #10B981;--success-subtle: #064E3B;--success-border: #065F46;--success-text: #6EE7B7;--warning: #F59E0B;--warning-subtle: #451A03;--warning-border: #78350F;--warning-text: #FCD34D;--danger: #EF4444;--danger-subtle: #450A0A;--danger-border: #7F1D1D;--danger-text: #FCA5A5;--info: #38BDF8;--info-subtle: #082F49;--info-border: #075985;--info-text: #BAE6FD;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .6);--shadow-drawer: -4px 0 32px rgba(0, 0, 0, .7)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-canvas);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;transition:background-color var(--transition-normal),color var(--transition-normal)}.app-layout{display:flex;min-height:100vh;width:100%;background-color:var(--bg-canvas)}.app-sidebar{width:250px;flex-shrink:0;background:var(--bg-surface);border-right:1px solid var(--border-default);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto;overflow-x:hidden;transition:width var(--transition-normal),background-color var(--transition-normal),border-color var(--transition-normal);z-index:45}.app-sidebar.collapsed{width:68px}.app-main{flex:1;display:flex;flex-direction:column;min-width:0;overflow-x:hidden}.app-header{height:60px;background:var(--bg-surface);border-bottom:1px solid var(--border-default);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#ffffffd9;transition:background-color var(--transition-normal),border-color var(--transition-normal)}[data-theme=dark] .app-header{background-color:#111827d9}.app-content{flex:1;padding:28px;max-width:1540px;margin:0 auto;width:100%}.sidebar-workspace{display:flex;align-items:center;gap:10px;padding:16px 14px;border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:background var(--transition-fast);-webkit-user-select:none;user-select:none}.sidebar-workspace:hover{background:var(--bg-subtle)}.workspace-logo-box{width:34px;height:34px;border-radius:var(--radius-md);background:var(--brand-primary);display:flex;align-items:center;justify-content:center;color:var(--brand-contrast);box-shadow:0 2px 8px #4f46e54d;flex-shrink:0}.workspace-info{flex:1;min-width:0;line-height:1.25}.workspace-title{font-size:13.5px;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-env-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:600;color:var(--success-text);background:var(--success-subtle);padding:1px 6px;border-radius:var(--radius-full);margin-top:2px}.workspace-env-dot{width:5px;height:5px;border-radius:50%;background:var(--success)}.sidebar-nav-container{flex:1;padding:12px 10px;display:flex;flex-direction:column;gap:20px;overflow-y:auto}.nav-group-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-subtle);padding:4px 10px;margin-bottom:4px;-webkit-user-select:none;user-select:none}.nav-list{display:flex;flex-direction:column;gap:2px;list-style:none}.nav-item-link{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13px;font-weight:500;text-decoration:none;transition:all var(--transition-fast);position:relative}.nav-item-link:hover{color:var(--text-primary);background:var(--bg-subtle)}.nav-item-link.active{color:var(--brand-primary);background:var(--brand-subtle);font-weight:600}[data-theme=dark] .nav-item-link.active{color:#a5b4fc}.nav-item-link.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;background:var(--brand-primary);border-radius:0 3px 3px 0}.nav-badge{margin-left:auto;font-size:11px;font-weight:700;padding:2px 7px;border-radius:var(--radius-full);background:var(--bg-muted);color:var(--text-muted);font-family:var(--font-mono)}.nav-badge.alert{background:var(--danger-subtle);color:var(--danger-text);border:1px solid var(--danger-border)}.sidebar-footer{padding:12px 14px;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:8px}.search-trigger{display:flex;align-items:center;gap:8px;background:var(--bg-subtle);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:7px 12px;width:340px;cursor:pointer;transition:all var(--transition-fast);color:var(--text-muted);font-size:12.5px}.search-trigger:hover{background:var(--bg-surface);border-color:var(--border-active);color:var(--text-primary);box-shadow:var(--shadow-xs)}.search-kbd{margin-left:auto;display:inline-flex;align-items:center;gap:2px;font-size:11px;font-weight:600;font-family:var(--font-mono);color:var(--text-muted);background:var(--bg-muted);padding:2px 6px;border-radius:var(--radius-xs);border:1px solid var(--border-default)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:7px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn-primary{background:var(--brand-primary);color:var(--brand-contrast);box-shadow:var(--shadow-xs)}.btn-primary:hover{background:var(--brand-primary-hover);box-shadow:var(--shadow-sm)}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-default);box-shadow:var(--shadow-xs)}.btn-secondary:hover{background:var(--bg-subtle);border-color:var(--border-active)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-subtle);color:var(--text-primary)}.btn-danger{background:var(--danger-subtle);color:var(--danger-text);border-color:var(--danger-border)}.btn-danger:hover{background:var(--danger);color:#fff}.btn-sm{padding:5px 10px;font-size:12px;border-radius:var(--radius-xs)}.btn-icon{width:34px;height:34px;padding:0;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center}.input,textarea.input,select.input{width:100%;padding:8px 12px;font-size:13px;font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast);box-sizing:border-box}.input:focus,textarea.input:focus,select.input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-subtle)}.input::placeholder,textarea.input::placeholder{color:var(--text-subtle)}.input:disabled,textarea.input:disabled{background:var(--bg-subtle);color:var(--text-muted);cursor:not-allowed}.form-label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.form-hint{display:block;font-size:11.5px;color:var(--text-muted);margin-top:4px}.card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.card:hover{box-shadow:var(--shadow-sm)}.card-header{padding:16px 20px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.card-title{font-size:14.5px;font-weight:700;color:var(--text-primary)}.card-body{padding:20px}.kpi-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:18px 20px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow-xs);transition:all var(--transition-fast)}.kpi-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-active)}.kpi-header{display:flex;align-items:center;justify-content:space-between}.kpi-label{font-size:12.5px;font-weight:600;color:var(--text-muted)}.kpi-icon-pill{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--bg-subtle);color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.kpi-value-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.kpi-value{font-size:26px;font-weight:800;color:var(--text-primary);letter-spacing:-.5px;line-height:1.1;font-family:var(--font-sans)}.kpi-trend-badge{display:inline-flex;align-items:center;gap:3px;font-size:11.5px;font-weight:700;padding:2px 7px;border-radius:var(--radius-full)}.kpi-trend-badge.positive{background:var(--success-subtle);color:var(--success-text);border:1px solid var(--success-border)}.kpi-trend-badge.negative{background:var(--danger-subtle);color:var(--danger-text);border:1px solid var(--danger-border)}.kpi-footer{font-size:11.5px;color:var(--text-subtle);font-weight:500}.table-container{width:100%;overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border-default);background:var(--bg-surface)}.enterprise-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}.enterprise-table thead{position:sticky;top:0;background:var(--bg-subtle);z-index:10}.enterprise-table th{padding:10px 16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border-default);white-space:nowrap}.enterprise-table td{padding:12px 16px;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);font-weight:500;vertical-align:middle;transition:background var(--transition-fast)}.enterprise-table tbody tr:last-child td{border-bottom:none}.enterprise-table tbody tr:hover td{background:var(--bg-subtle)}.enterprise-table tr.clickable{cursor:pointer}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:600;white-space:nowrap}.status-dot{width:6px;height:6px;border-radius:50%}.status-pill.success{background:var(--success-subtle);color:var(--success-text);border:1px solid var(--success-border)}.status-pill.success .status-dot{background:var(--success)}.status-pill.warning{background:var(--warning-subtle);color:var(--warning-text);border:1px solid var(--warning-border)}.status-pill.warning .status-dot{background:var(--warning)}.status-pill.danger,.status-pill.failed{background:var(--danger-subtle);color:var(--danger-text);border:1px solid var(--danger-border)}.status-pill.danger .status-dot,.status-pill.failed .status-dot{background:var(--danger)}.status-pill.info{background:var(--info-subtle);color:var(--info-text);border:1px solid var(--info-border)}.status-pill.info .status-dot{background:var(--info)}.status-pill.neutral{background:var(--bg-muted);color:var(--text-secondary);border:1px solid var(--border-default)}.status-pill.neutral .status-dot{background:var(--text-muted)}.switch{position:relative;display:inline-block;width:40px;height:22px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-active);transition:.2s ease;border-radius:var(--radius-full)}.slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;transition:.2s ease;border-radius:50%;box-shadow:0 1px 3px #00000026}input:checked+.slider{background-color:var(--success)}input:checked+.slider:before{transform:translate(18px)}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;opacity:0;animation:fadeIn .15s forwards}.drawer-panel{position:fixed;top:0;right:0;bottom:0;width:440px;max-width:90vw;background:var(--bg-surface);border-left:1px solid var(--border-default);box-shadow:var(--shadow-drawer);z-index:101;display:flex;flex-direction:column;transform:translate(100%);animation:slideInRight .22s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideInRight{to{transform:translate(0)}}@keyframes fadeIn{to{opacity:1}}.command-palette-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;display:flex;align-items:flex-start;justify-content:center;padding-top:14vh}.command-palette-modal{width:600px;max-width:92vw;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:0 20px 40px #0003;overflow:hidden;animation:scaleUp .18s cubic-bezier(.16,1,.3,1)}@keyframes scaleUp{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-active);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-subtle)}