.user-profile-menu{position:relative;display:inline-flex}.user-profile-trigger{display:inline-flex;align-items:center;gap:var(--spacing-sm, .5rem);padding:var(--spacing-xs, .25rem) var(--spacing-sm, .5rem);padding-inline-end:var(--spacing-md, .75rem);background:var(--user-status-authenticated-bg, rgba(76, 175, 80, .2));border:1px solid var(--user-status-authenticated-border, rgba(76, 175, 80, .3));border-radius:var(--radius-sm, 6px);cursor:pointer;transition:background-color var(--transition-fast, .15s ease),border-color var(--transition-fast, .15s ease)}.user-profile-trigger:hover{background:var(--user-status-authenticated-hover, rgba(76, 175, 80, .3));border-color:var(--color-primary-border, var(--color-accent-blue-alpha-30))}.user-profile-trigger:focus{outline:none}.user-profile-trigger:focus-visible{outline:var(--focus-ring-width, 2px) solid var(--focus-ring-color, var(--color-primary));outline-offset:var(--focus-ring-offset, 2px)}.user-profile-trigger[aria-expanded=true]{background:var(--user-status-authenticated-hover, rgba(76, 175, 80, .3));border-color:var(--color-primary, #4a9eff)}.user-avatar{width:var(--width-icon-md, 1.5rem);height:var(--width-icon-md, 1.5rem);min-width:var(--width-icon-md, 1.5rem);border-radius:var(--radius-full, 9999px);background:var(--color-primary, #4a9eff);color:var(--color-text-inverse, #ffffff);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs, .75rem);font-weight:var(--font-weight-semibold, 600);flex-shrink:0;text-transform:uppercase}.user-avatar.large{width:var(--width-icon-lg, 2rem);height:var(--width-icon-lg, 2rem);min-width:var(--width-icon-lg, 2rem);font-size:var(--font-size-sm, .85rem)}.user-profile-name{font-size:var(--font-size-sm, .85rem);font-weight:var(--font-weight-medium, 500);color:var(--color-text-primary, #e0e0e0);white-space:nowrap;max-width:150px;overflow:hidden;text-overflow:ellipsis}.user-profile-chevron{color:var(--color-text-secondary, #a0a0a0);font-size:var(--font-size-xs, .75rem);transition:transform var(--transition-fast, .15s ease);margin-inline-start:var(--spacing-xs, .25rem)}.user-profile-trigger[aria-expanded=true] .user-profile-chevron{transform:rotate(180deg)}.user-profile-dropdown{position:absolute;inset-inline-end:0;top:calc(100% + var(--spacing-xs));min-width:260px;max-width:320px;background-color:var(--color-surface-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-portal);padding:var(--spacing-xs);display:flex;flex-direction:column;animation:userMenuOpen .15s ease-out}@keyframes userMenuOpen{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.user-profile-menu.is-flipped .user-profile-dropdown{top:auto;bottom:calc(100% + var(--spacing-xs, .25rem))}.user-profile-header{display:flex;align-items:flex-start;gap:var(--spacing-md, .75rem);padding:var(--spacing-md, .75rem)}.user-profile-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.user-profile-info-name{font-size:var(--font-size-base, .9rem);font-weight:var(--font-weight-semibold, 600);color:var(--color-text-primary, #e0e0e0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-profile-info-email{font-size:var(--font-size-xs, .75rem);color:var(--color-text-secondary, #a0a0a0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auth-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs, .25rem);padding:2px var(--spacing-sm, .5rem);font-size:var(--font-size-xs, .75rem);font-weight:var(--font-weight-medium, 500);border-radius:var(--radius-full, 9999px);margin-top:var(--spacing-xs, .25rem);width:fit-content}.auth-badge.aws{background:#ff990026;color:#f90}.auth-badge.jwt{background:var(--color-primary-light, var(--color-accent-blue-alpha-20));color:var(--color-primary, #4a9eff)}.role-badge{display:inline-flex;align-items:center;padding:2px var(--spacing-sm, .5rem);font-size:var(--font-size-xs, .75rem);font-weight:var(--font-weight-medium, 500);border-radius:var(--radius-full, 9999px);margin-top:var(--spacing-xs, .25rem);width:fit-content;background:#9c27b026;color:#ab47bc;text-transform:capitalize}.tenant-badge{display:inline-flex;align-items:center;padding:2px var(--spacing-sm, .5rem);font-size:var(--font-size-xs, .75rem);font-weight:var(--font-weight-medium, 500);border-radius:var(--radius-full, 9999px);margin-top:var(--spacing-xs, .25rem);width:fit-content;background:#00968826;color:#26a69a}.user-menu-divider{height:1px;background-color:var(--color-border-subtle);margin:var(--spacing-xs) 0}.user-menu-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;color:var(--color-text-primary);cursor:pointer;text-align:start;width:100%;border-radius:var(--radius-xs);transition:background-color var(--transition-fast),transform var(--transition-fast);font-size:var(--font-size-sm);min-height:var(--height-button-md)}.user-menu-item:hover{background-color:var(--color-bg-hover)}.user-menu-item:active{background-color:var(--color-bg-pressed);transform:scale(.98)}.user-menu-item:focus{outline:none}.user-menu-item:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color, var(--color-primary));outline-offset:-2px}.user-menu-item.active{background-color:var(--color-bg-active)}.user-menu-item-icon{font-size:var(--font-size-sm, .85rem);width:20px;text-align:center;flex-shrink:0}.user-menu-item-text{flex:1;white-space:nowrap}.user-menu-item-value{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:capitalize}.user-menu-item-arrow{color:var(--color-text-tertiary);font-size:var(--font-size-sm);margin-inline-start:auto}.user-menu-item-check{color:var(--color-success, #4caf50);margin-inline-start:auto}.user-menu-item-kbd{padding:2px 8px;background:var(--color-bg-tertiary);border-radius:var(--radius-xs);font-size:var(--font-size-xs);font-family:inherit;color:var(--color-text-tertiary);margin-inline-start:auto}.user-menu-item-danger{color:var(--color-error-hover)}.user-menu-item-danger:hover{background-color:var(--color-error-surface);color:var(--color-error-dark)}.user-menu-item-danger:active{background-color:#f4433633}.user-menu-submenu-container{position:relative}.user-menu-submenu{display:flex;flex-direction:column;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);margin:var(--spacing-xs) var(--spacing-sm);padding:var(--spacing-xs);animation:submenuOpen .15s ease-out}@keyframes submenuOpen{0%{opacity:0;max-height:0;padding:0 var(--spacing-xs, .25rem)}to{opacity:1;max-height:200px;padding:var(--spacing-xs, .25rem)}}[data-theme=light] .user-profile-dropdown{background-color:var(--color-surface-elevated);border-color:var(--color-border-default);box-shadow:var(--shadow-md)}[data-theme=light] .user-menu-item{color:var(--color-text-primary)}[data-theme=light] .user-menu-item:hover{background-color:var(--color-bg-hover)}[data-theme=light] .user-menu-divider{background-color:var(--color-border-subtle)}@media(max-width:48rem){.user-profile-name,.user-profile-chevron{display:none}.user-profile-trigger{padding:var(--spacing-xs, .25rem)}.user-profile-dropdown{position:fixed;inset:auto 0 0 0;top:auto;border-radius:var(--radius-lg, 12px) var(--radius-lg, 12px) 0 0;min-width:100%;max-width:100%;max-height:80vh;overflow-y:auto;animation:slideUpSheet .2s ease-out}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}.user-profile-menu.is-flipped .user-profile-dropdown{bottom:0;top:auto}.user-menu-item{min-height:var(--touch-target-min, 44px);padding:var(--spacing-base, 1rem) var(--spacing-lg, 1.5rem)}.user-profile-header{padding:var(--spacing-lg, 1.5rem)}}@media(prefers-reduced-motion:reduce){.user-profile-dropdown,.user-menu-submenu,.user-profile-chevron{animation:none;transition:none}}.login-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;position:relative}.login-theme-toggle{position:absolute;top:1.25rem;right:1.25rem;z-index:10;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary, rgba(255, 255, 255, .06));border:1px solid var(--color-border-default, rgba(148, 163, 184, .1));border-radius:var(--radius-sm, 6px);color:var(--color-text-secondary, #94a3b8);cursor:pointer;transition:all .15s ease;padding:0}.login-theme-toggle:hover{background:var(--color-bg-hover, rgba(255, 255, 255, .08));color:var(--color-text-primary, #f1f5f9);border-color:var(--color-accent-blue-alpha-30, rgba(74, 158, 255, .3))}[data-theme=light] .login-theme-toggle{background:#0000000a;border-color:#0f172a14;color:var(--color-text-secondary)}[data-theme=light] .login-theme-toggle:hover{background:#00000014;color:var(--color-text-primary)}.login-page:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:url(/background-ai.png) center center / cover no-repeat fixed;z-index:-2;opacity:.1}.login-page:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:var(--gradient-login-bg);z-index:-1}.login-container{background:var(--gradient-login-container);border:1px solid var(--color-accent-blue-alpha-15);border-radius:var(--radius-lg, 12px);padding:2rem;width:100%;max-width:400px;box-shadow:var(--elevation-modal),var(--rim-light-subtle),0 0 100px #006aff1f;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}.login-header{text-align:center;margin-bottom:2rem}.login-logo-above-title{display:flex;justify-content:center;margin-bottom:.875rem;margin-top:.25rem}.brand-logo-header{height:56px;width:auto;object-fit:contain}.login-header h1{font-size:1.75rem;font-weight:300;color:var(--color-text-header, #ffffff);margin-bottom:.375rem;letter-spacing:-.02em}.login-header p{color:var(--color-text-secondary, #a0a0a0);font-size:.875rem;letter-spacing:.01em}.login-form{display:flex;flex-direction:column;gap:1rem}.login-error{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--color-error-surface);border:1px solid var(--color-error-border);color:var(--color-error);padding:.75rem;border-radius:var(--radius-sm);font-size:.9rem}[data-theme=light] .login-error,[data-theme=light] .login-error svg{color:var(--color-destructive)}.login-error svg{flex-shrink:0;color:var(--color-error)}.forgot-password-link{display:block;text-align:right;margin-top:var(--spacing-2xs);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:none;transition:color .15s ease}.forgot-password-link:hover{color:var(--color-primary);text-decoration:underline}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:var(--color-text-primary, #e0e0e0);font-size:.9rem;font-weight:500}.form-group input{background:#02061799;border:1px solid var(--color-bg-tertiary, #3a3a3a);border-radius:var(--radius-sm, 6px);padding:.75rem;color:var(--color-text-primary, #e0e0e0);font-size:1rem;transition:border-color .2s,background-color .3s ease}.form-group input:focus{outline:none;border-color:var(--color-primary, #4a9eff);box-shadow:var(--shadow-focus);background:var(--color-input-bg-focus)}.form-group input:disabled{opacity:.6;cursor:not-allowed}.login-button{background:var(--gradient-brand, linear-gradient(135deg, #4a9eff 0%, #7c3aed 100%));color:#fff;border:none;border-radius:var(--radius-md, 8px);padding:.875rem 1.5rem;font-size:.9375rem;font-weight:600;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .1s ease,filter .2s ease,box-shadow .2s ease;margin-top:.5rem}.login-button:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px);box-shadow:var(--shadow-md)}.login-button:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.login-button:disabled{opacity:.6;cursor:not-allowed}[data-theme=light] .login-button{box-shadow:0 2px 8px #3b82f64d}.login-hint{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--color-bg-tertiary, #3a3a3a);color:var(--color-text-secondary, #a0a0a0);font-size:.85rem}.login-hint p{margin-bottom:.5rem;color:var(--color-text-primary, #e0e0e0)}.login-hint ul{list-style:none;padding:0;margin:.5rem 0 0}.login-hint li{margin-bottom:.5rem;padding-left:1rem}.login-hint code{background:var(--color-bg-tertiary, #3a3a3a);border:1px solid var(--color-border-default, #4a4a4a);padding:2px 8px;border-radius:var(--radius-xs);font-family:var(--font-family-mono, monospace);color:var(--color-primary, #4a9eff);font-weight:600}@media(max-width:768px){.login-container{padding:2rem}}[data-theme=light] .login-container{border:1px solid rgba(99,102,241,.12);box-shadow:var(--elevation-modal),var(--rim-light-strong),0 0 80px #6366f114}[data-theme=light] .login-header h1{color:var(--color-text-primary)}[data-theme=light] .login-header p{color:var(--color-text-secondary)}[data-theme=light] .form-group label{color:var(--color-text-primary)}[data-theme=light] .form-group input{background:var(--color-input-bg);border-color:var(--color-input-border);color:var(--color-text-primary)}[data-theme=light] .form-group input::placeholder{color:var(--color-text-tertiary)}[data-theme=light] .form-group input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}[data-theme=light] .login-hint{border-top-color:var(--color-bg-tertiary);color:var(--color-text-secondary)}[data-theme=light] .login-hint p{color:var(--color-text-primary)}[data-theme=light] .login-hint code{background:#0000000f;color:var(--color-text-primary)}.login-divider{display:flex;align-items:center;gap:.75rem;margin:1.5rem 0;color:var(--color-text-tertiary, #8994a5);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--color-border-default, rgba(148, 163, 184, .1))}.sso-options{display:flex;flex-direction:column;gap:.75rem}.sso-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.5rem 1rem;min-height:44px;background:var(--color-bg-secondary, #0a1628);border:1px solid var(--color-border-default, rgba(148, 163, 184, .1));border-radius:.5rem;color:var(--color-text-primary, #f1f5f9);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s ease}.sso-btn:hover{border-color:var(--color-primary, #3b82f6);background:var(--color-bg-hover, rgba(255, 255, 255, .08))}.sso-btn:disabled{opacity:.6;cursor:not-allowed}.sso-btn svg{opacity:.7}[data-theme=light] .login-divider{color:var(--color-text-tertiary)}[data-theme=light] .login-divider:before,[data-theme=light] .login-divider:after{background:var(--color-border-default)}[data-theme=light] .sso-btn{background:var(--color-surface-elevated);border-color:var(--color-border-default);color:var(--color-text-primary)}[data-theme=light] .sso-btn:hover{border-color:var(--color-primary);background:#3b82f60a}.login-footer{position:absolute;bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-tertiary);z-index:1}.login-footer-separator{color:var(--color-border-default)}.login-footer-link{color:var(--color-text-secondary);text-decoration:none;transition:color .15s ease}.login-footer-link:hover{color:var(--color-primary);text-decoration:underline}.toast{position:fixed;top:var(--spacing-base-lg);right:var(--spacing-base-lg);min-width:300px;max-width:500px;padding:var(--spacing-base) var(--spacing-lg);border-radius:var(--radius-base);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:var(--spacing-md);z-index:var(--z-tooltip);animation:toastSlideIn var(--transition-slow) ease-out;color:var(--color-on-brand)}@keyframes toastSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-dark) 100%);border-left:4px solid var(--color-success-dark)}.toast-error{background:linear-gradient(135deg,var(--color-error) 0%,var(--color-error-dark) 100%);border-left:4px solid var(--color-error-dark)}.toast-info{background:linear-gradient(135deg,var(--color-info) 0%,#0284c7 100%);border-left:4px solid #0369a1}.toast-warning{background:linear-gradient(135deg,var(--color-warning) 0%,#d97706 100%);border-left:4px solid #b45309}.toast-icon{font-size:var(--font-size-lg-xl);font-weight:var(--font-weight-bold);flex-shrink:0}.toast-message{flex:1;font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.toast-close{background:transparent;border:none;color:var(--color-on-brand);font-size:var(--font-size-lg);cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);transition:background var(--transition-base);flex-shrink:0;opacity:.8}.toast-close:hover{background:#fff3;opacity:1}@media(max-width:768px){.toast{top:var(--spacing-sm-md);right:var(--spacing-sm-md);left:var(--spacing-sm-md);min-width:auto;max-width:none}}[data-theme=light] .toast{box-shadow:var(--shadow-xl)}[data-theme=light] .toast-success{background:linear-gradient(135deg,var(--color-success) 0%,#047857 100%)}[data-theme=light] .toast-error{background:linear-gradient(135deg,var(--color-error) 0%,#be123c 100%)}[data-theme=light] .toast-info{background:linear-gradient(135deg,var(--color-info) 0%,#0369a1 100%)}[data-theme=light] .toast-warning{background:linear-gradient(135deg,var(--color-warning) 0%,#b45309 100%)}.user-preferences{background:var(--color-bg-secondary);color:var(--color-text-primary);min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.user-preferences.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-tooltip, 10000) + 100);min-height:auto}.user-preferences.modal:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:-1}.preferences-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg, 1.5rem);border-bottom:1px solid var(--color-bg-tertiary, #334155);background:var(--color-bg-secondary, #1e293b)}.preferences-header-content{flex:1}.preferences-title{font-size:var(--font-size-xl, 1.5rem);font-weight:var(--font-weight-semibold, 600);margin:0 0 var(--spacing-xs, .25rem) 0}.preferences-subtitle{font-size:var(--font-size-sm, .85rem);color:var(--color-text-secondary, #a0a0a0);margin:0}.preferences-header-actions{display:flex;gap:var(--spacing-sm, .5rem)}.reset-button{background:transparent;color:var(--color-warning, #ff9800);border:1px solid var(--color-warning, #ff9800);padding:var(--spacing-sm, .5rem) var(--spacing-base, 1rem);border-radius:var(--radius-sm, 6px);font-size:var(--font-size-sm, .85rem);cursor:pointer;transition:all var(--transition-base, .2s ease)}.reset-button:hover:not(:disabled){background:#ff98001a}.reset-button:disabled{opacity:.5;cursor:not-allowed}.close-button{background:transparent;border:none;color:var(--color-text-secondary, #a0a0a0);font-size:var(--font-size-lg, 1.1rem);padding:var(--spacing-sm, .5rem);cursor:pointer;border-radius:var(--radius-sm, 6px);transition:color var(--transition-base, .2s ease);min-width:var(--touch-target-min, 44px);min-height:var(--touch-target-min, 44px);display:flex;align-items:center;justify-content:center}.close-button:hover{color:var(--color-text-primary, #e0e0e0);background:var(--color-bg-hover, rgba(255, 255, 255, .1))}.preferences-content{display:flex;flex:1;overflow:hidden}.preferences-nav{width:200px;min-width:200px;background:var(--color-bg-secondary, #1e293b);border-right:1px solid var(--color-bg-tertiary, #334155);padding:var(--spacing-base, 1rem) 0;display:flex;flex-direction:column;gap:var(--spacing-xs, .25rem)}.nav-item{display:flex;align-items:center;gap:var(--spacing-sm, .5rem);padding:var(--spacing-md, .75rem) var(--spacing-base, 1rem);background:transparent;border:none;color:var(--color-text-secondary, #a0a0a0);cursor:pointer;text-align:left;font-size:var(--font-size-sm, .85rem);transition:all var(--transition-base, .2s ease);border-left:3px solid transparent}.nav-item:hover{background:var(--color-bg-hover, rgba(255, 255, 255, .1));color:var(--color-text-primary, #e0e0e0)}.nav-item.active{background:var(--color-bg-active, var(--color-accent-blue-alpha-20));color:var(--color-primary, #4a9eff);border-left-color:var(--color-primary, #4a9eff)}.nav-icon{font-size:var(--font-size-lg, 1.1rem)}.nav-label{font-weight:var(--font-weight-medium, 500)}.preferences-panel{flex:1;overflow-y:auto;padding:var(--spacing-lg, 1.5rem);background:var(--color-bg-primary)}.panel-header{margin-bottom:var(--spacing-lg, 1.5rem);padding-bottom:var(--spacing-base, 1rem);border-bottom:1px solid var(--color-bg-tertiary, #334155)}.panel-title{font-size:var(--font-size-lg, 1.1rem);font-weight:var(--font-weight-semibold, 600);margin:0 0 var(--spacing-xs, .25rem) 0}.panel-description{font-size:var(--font-size-sm, .85rem);color:var(--color-text-secondary, #a0a0a0);margin:0}.preference-group{display:flex;flex-direction:column;gap:var(--spacing-base, 1rem)}.preference-group-title{font-size:var(--font-size-sm, .85rem);font-weight:var(--font-weight-semibold, 600);color:var(--color-text-secondary, #a0a0a0);text-transform:uppercase;letter-spacing:.05em;margin:var(--spacing-base, 1rem) 0 var(--spacing-sm, .5rem) 0}.preference-group-title:first-child{margin-top:0}.preference-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md, .75rem);background:var(--color-bg-secondary, #1e293b);border-radius:var(--radius-md, 8px);border:1px solid var(--color-bg-tertiary, #334155);gap:var(--spacing-base, 1rem)}.preference-label{display:flex;flex-direction:column;gap:var(--spacing-xs, .25rem);flex:1;min-width:0}.preference-name{font-size:var(--font-size-base, .9rem);font-weight:var(--font-weight-medium, 500);color:var(--color-text-primary, #e0e0e0)}.preference-description{font-size:var(--font-size-xs, .75rem);color:var(--color-text-tertiary, #888)}.toggle-switch{position:relative;display:inline-block;width:48px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:var(--color-bg-tertiary, #334155);transition:var(--transition-base, .2s ease);border-radius:var(--radius-full, 9999px)}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:4px;background-color:var(--color-text-primary, #e0e0e0);transition:var(--transition-base, .2s ease);border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-primary, #4a9eff)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-switch input:focus+.toggle-slider{box-shadow:var(--shadow-glow, 0 0 0 3px var(--color-accent-blue-alpha-30))}.toggle-switch input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.preference-select{background:var(--color-input-bg, #334155);color:var(--color-text-primary, #e0e0e0);border:1px solid var(--color-input-border, #334155);border-radius:var(--radius-sm, 6px);padding:var(--spacing-sm, .5rem) var(--spacing-base, 1rem);font-size:var(--font-size-sm, .85rem);cursor:pointer;min-width:150px;transition:border-color var(--transition-base, .2s ease)}.preference-select:hover{border-color:var(--color-primary-border, var(--color-accent-blue-alpha-30))}.preference-select:focus{outline:none;border-color:var(--color-primary, #4a9eff);box-shadow:var(--shadow-glow, 0 0 0 3px var(--color-accent-blue-alpha-30))}.preference-select:disabled{opacity:.5;cursor:not-allowed}.preferences-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-base, 1rem);padding:var(--spacing-2xl, 3rem);color:var(--color-text-secondary, #a0a0a0)}.loading-spinner{width:32px;height:32px;border:3px solid var(--color-bg-tertiary, #334155);border-top-color:var(--color-primary, #4a9eff);border-radius:50%;animation:spin 1s linear infinite}.preferences-error{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-base, 1rem);padding:var(--spacing-2xl, 3rem);color:var(--color-error, #f44336);text-align:center}.error-icon{font-size:2rem}.retry-button{background:var(--color-primary, #4a9eff);color:var(--color-text-inverse, #ffffff);border:none;padding:var(--spacing-sm, .5rem) var(--spacing-base, 1rem);border-radius:var(--radius-sm, 6px);cursor:pointer;font-size:var(--font-size-sm, .85rem);transition:background var(--transition-base, .2s ease)}.retry-button:hover{background:var(--color-primary-hover, #3a8eef)}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:var(--z-tooltip, 10000)}.confirm-modal{background:var(--color-bg-secondary, #1e293b);border-radius:var(--radius-lg, 12px);padding:var(--spacing-lg, 1.5rem);max-width:400px;width:90%;box-shadow:var(--shadow-lg, 0 8px 24px rgba(0, 0, 0, .4))}.confirm-modal h3{font-size:var(--font-size-lg, 1.1rem);margin:0 0 var(--spacing-sm, .5rem) 0;color:var(--color-warning, #ff9800)}.confirm-modal p{font-size:var(--font-size-sm, .85rem);color:var(--color-text-secondary, #a0a0a0);margin:0 0 var(--spacing-lg, 1.5rem) 0}.confirm-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm, .5rem)}.confirm-cancel{background:transparent;border:1px solid var(--color-bg-tertiary, #334155);color:var(--color-text-primary, #e0e0e0);padding:var(--spacing-sm, .5rem) var(--spacing-base, 1rem);border-radius:var(--radius-sm, 6px);cursor:pointer;font-size:var(--font-size-sm, .85rem);transition:all var(--transition-base, .2s ease)}.confirm-cancel:hover:not(:disabled){background:var(--color-bg-hover, rgba(255, 255, 255, .1))}.confirm-reset{background:var(--color-warning, #ff9800);border:none;color:var(--color-bg-primary, #0f172a);padding:var(--spacing-sm, .5rem) var(--spacing-base, 1rem);border-radius:var(--radius-sm, 6px);cursor:pointer;font-size:var(--font-size-sm, .85rem);font-weight:var(--font-weight-medium, 500);transition:all var(--transition-base, .2s ease)}.confirm-reset:hover:not(:disabled){background:#f57c00}.confirm-reset:disabled,.confirm-cancel:disabled{opacity:.5;cursor:not-allowed}.saving-indicator{position:fixed;bottom:var(--spacing-lg, 1.5rem);right:var(--spacing-lg, 1.5rem);background:var(--color-bg-secondary, #1e293b);border:1px solid var(--color-primary, #4a9eff);border-radius:var(--radius-md, 8px);padding:var(--spacing-sm, .5rem) var(--spacing-base, 1rem);display:flex;align-items:center;gap:var(--spacing-sm, .5rem);color:var(--color-primary, #4a9eff);font-size:var(--font-size-sm, .85rem);box-shadow:var(--shadow-md, 0 4px 12px rgba(0, 0, 0, .3));z-index:var(--z-tooltip, 10000)}.saving-spinner{width:16px;height:16px;border:2px solid var(--color-bg-tertiary, #334155);border-top-color:var(--color-primary, #4a9eff);border-radius:50%;animation:spin 1s linear infinite}@media(max-width:48rem){.preferences-content{flex-direction:column}.preferences-nav{width:100%;min-width:auto;flex-direction:row;overflow-x:auto;border-right:none;border-bottom:1px solid var(--color-bg-tertiary, #334155);padding:var(--spacing-sm, .5rem);gap:var(--spacing-xs, .25rem)}.nav-item{flex-direction:column;padding:var(--spacing-sm, .5rem);border-left:none;border-bottom:3px solid transparent;white-space:nowrap;min-width:var(--touch-target-min, 44px);min-height:var(--touch-target-min, 44px);justify-content:center}.nav-item.active{border-left-color:transparent;border-bottom-color:var(--color-primary, #4a9eff)}.nav-label{font-size:var(--font-size-xs, .75rem)}.preferences-header{flex-direction:column;gap:var(--spacing-base, 1rem);align-items:stretch}.preferences-header-actions{justify-content:space-between}.preference-item{flex-direction:column;align-items:stretch;gap:var(--spacing-sm, .5rem)}.preference-select{width:100%}.confirm-modal{margin:var(--spacing-base, 1rem)}}@media(prefers-reduced-motion:reduce){.toggle-slider,.toggle-slider:before,.loading-spinner,.saving-spinner{transition:none;animation:none}}[data-theme=light] .user-preferences{background:var(--color-bg-primary);color:var(--color-text-primary)}[data-theme=light] .preferences-header{background:var(--color-bg-secondary);border-bottom-color:var(--color-bg-tertiary)}[data-theme=light] .preferences-title{color:var(--color-text-primary)}[data-theme=light] .preferences-subtitle{color:var(--color-text-secondary)}[data-theme=light] .preferences-nav{background:var(--color-bg-secondary);border-right-color:var(--color-bg-tertiary)}[data-theme=light] .nav-item{color:var(--color-text-secondary)}[data-theme=light] .nav-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}[data-theme=light] .nav-item.active{background:var(--color-bg-active);color:var(--color-primary)}[data-theme=light] .preferences-panel{background:#fff}[data-theme=light] .panel-header{border-bottom-color:var(--color-bg-tertiary)}[data-theme=light] .panel-title{color:var(--color-text-primary)}[data-theme=light] .panel-description,[data-theme=light] .preference-group-title{color:var(--color-text-secondary)}[data-theme=light] .preference-item{background:#fff;border:1px solid #e9ecef;box-shadow:var(--shadow-xs)}[data-theme=light] .preference-name{color:var(--color-text-primary)}[data-theme=light] .preference-description{color:var(--color-text-tertiary)}[data-theme=light] .toggle-slider{background-color:var(--color-bg-tertiary)}[data-theme=light] .toggle-slider:before{background-color:var(--color-bg-primary);box-shadow:var(--shadow-xs)}[data-theme=light] .preference-select{background:var(--color-input-bg);color:var(--color-text-primary);border-color:var(--color-input-border)}[data-theme=light] .confirm-modal{background:var(--color-bg-primary);box-shadow:var(--shadow-lg)}[data-theme=light] .confirm-modal h3{color:var(--color-warning)}[data-theme=light] .confirm-modal p{color:var(--color-text-secondary)}[data-theme=light] .confirm-cancel{border-color:var(--color-bg-tertiary);color:var(--color-text-primary)}[data-theme=light] .confirm-cancel:hover:not(:disabled){background:var(--color-bg-hover)}[data-theme=light] .saving-indicator{background:var(--color-bg-primary);box-shadow:var(--shadow-md)}[data-theme=light] .saving-spinner,[data-theme=light] .loading-spinner{border-color:var(--color-bg-tertiary);border-top-color:var(--color-primary)}[data-theme=light] .preferences-loading,[data-theme=light] .close-button{color:var(--color-text-secondary)}[data-theme=light] .close-button:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.section-description{font-size:var(--font-size-sm, .85rem);color:var(--color-text-secondary, #a0a0a0);margin-bottom:var(--spacing-lg, 1.5rem);line-height:1.5}.mfa-status{padding:var(--spacing-lg, 1.5rem);border-radius:var(--radius-md, 8px);border:1px solid}.mfa-status.mfa-enabled{background:#4caf501a;border-color:#4caf504d}.mfa-status.mfa-disabled{background:var(--color-bg-secondary, #1e293b);border-color:var(--color-bg-tertiary, #334155)}.mfa-status-header{display:flex;align-items:center;gap:var(--spacing-sm, .5rem);margin-bottom:var(--spacing-sm, .5rem)}.mfa-status-icon{display:flex;align-items:center;justify-content:center}.mfa-status-text{font-size:var(--font-size-base, .9rem);font-weight:var(--font-weight-semibold, 600);color:var(--color-text-primary, #e0e0e0)}.mfa-status-description{font-size:var(--font-size-sm, .85rem);color:var(--color-text-secondary, #a0a0a0);margin-bottom:var(--spacing-base, 1rem)}.mfa-enable-btn,.mfa-disable-btn{padding:var(--spacing-sm, .5rem) var(--spacing-base, 1rem);border-radius:var(--radius-sm, 6px);font-size:var(--font-size-sm, .85rem);font-weight:var(--font-weight-medium, 500);cursor:pointer;transition:all var(--transition-base, .2s ease)}.mfa-enable-btn{background:var(--color-primary, #4a9eff);color:var(--color-text-inverse, #ffffff);border:none}.mfa-enable-btn:hover:not(:disabled){background:var(--color-primary-hover, #3a8eef)}.mfa-disable-btn{background:transparent;color:var(--color-error, #f44336);border:1px solid var(--color-error, #f44336)}.mfa-disable-btn:hover:not(:disabled){background:#f443361a}.mfa-enable-btn:disabled,.mfa-disable-btn:disabled{opacity:.5;cursor:not-allowed}.mfa-setup{background:var(--color-bg-secondary, #1e293b);border:1px solid var(--color-bg-tertiary, #334155);border-radius:var(--radius-md, 8px);padding:var(--spacing-lg, 1.5rem)}.mfa-setup-step{margin-bottom:var(--spacing-lg, 1.5rem)}.mfa-setup-step:last-child{margin-bottom:0}.mfa-setup-step h4{font-size:var(--font-size-base, .9rem);font-weight:var(--font-weight-semibold, 600);color:var(--color-text-primary, #e0e0e0);margin:0 0 var(--spacing-sm, .5rem) 0}.mfa-setup-step p{font-size:var(--font-size-sm, .85rem);color:var(--color-text-secondary, #a0a0a0);margin:0 0 var(--spacing-base, 1rem) 0;line-height:1.5}.mfa-qr-container{display:flex;justify-content:center;padding:var(--spacing-base, 1rem);background:#fffffff2;border-radius:var(--radius-sm, 6px);margin-bottom:var(--spacing-base, 1rem)}.mfa-qr-code{max-width:200px;height:auto;border-radius:var(--radius-sm, 6px)}.mfa-manual-entry{font-size:var(--font-size-sm, .85rem);color:var(--color-text-secondary, #a0a0a0);text-align:center}.mfa-secret{display:inline-block;background:#0000004d;padding:var(--spacing-xs, .25rem) var(--spacing-sm, .5rem);border-radius:var(--radius-xs, 4px);font-family:var(--font-mono, "SF Mono", "Fira Code", monospace);font-size:var(--font-size-sm, .85rem);color:var(--color-primary, #4a9eff);-webkit-user-select:all;user-select:all;cursor:text}.mfa-backup-codes{background:#ff98001a;border:1px solid rgba(255,152,0,.3);border-radius:var(--radius-sm, 6px);padding:var(--spacing-base, 1rem)}.backup-codes-warning{color:var(--color-warning, #ff9800)!important;font-weight:var(--font-weight-medium, 500)}.backup-codes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--spacing-sm, .5rem)}.backup-code{display:block;padding:var(--spacing-sm, .5rem);background:#0000004d;border-radius:var(--radius-xs, 4px);font-family:var(--font-mono, "SF Mono", "Fira Code", monospace);font-size:var(--font-size-sm, .85rem);color:var(--color-text-primary, #e0e0e0);text-align:center;-webkit-user-select:all;user-select:all;cursor:text}.mfa-verify-form{display:flex;gap:var(--spacing-sm, .5rem);align-items:stretch}.mfa-code-input{flex:1;padding:var(--spacing-md, .75rem);background:var(--color-input-bg, rgba(255, 255, 255, .1));border:1px solid var(--color-input-border, #334155);border-radius:var(--radius-sm, 6px);color:var(--color-text-primary, #e0e0e0);font-size:var(--font-size-xl, 1.5rem);font-family:var(--font-mono, "SF Mono", "Fira Code", monospace);text-align:center;letter-spacing:.5rem;font-weight:var(--font-weight-semibold, 600)}.mfa-code-input:focus{outline:none;border-color:var(--color-primary, #4a9eff);box-shadow:var(--shadow-glow, 0 0 0 3px var(--color-accent-blue-alpha-30))}.mfa-code-input::placeholder{color:var(--color-text-tertiary, #666);letter-spacing:.5rem}.mfa-verify-btn{padding:var(--spacing-md, .75rem) var(--spacing-lg, 1.5rem);background:var(--color-success, #4caf50);color:var(--color-text-inverse, #ffffff);border:none;border-radius:var(--radius-sm, 6px);font-size:var(--font-size-sm, .85rem);font-weight:var(--font-weight-medium, 500);cursor:pointer;transition:all var(--transition-base, .2s ease);white-space:nowrap}.mfa-verify-btn:hover:not(:disabled){background:#43a047}.mfa-verify-btn:disabled{opacity:.5;cursor:not-allowed}.mfa-cancel-btn{display:block;width:100%;margin-top:var(--spacing-base, 1rem);padding:var(--spacing-sm, .5rem);background:transparent;color:var(--color-text-secondary, #a0a0a0);border:1px solid var(--color-bg-tertiary, #334155);border-radius:var(--radius-sm, 6px);font-size:var(--font-size-sm, .85rem);cursor:pointer;transition:all var(--transition-base, .2s ease)}.mfa-cancel-btn:hover{background:var(--color-bg-hover, rgba(255, 255, 255, .1));color:var(--color-text-primary, #e0e0e0)}[data-theme=light] .mfa-status.mfa-disabled,[data-theme=light] .mfa-setup{background:#f8f9fa;border-color:#e9ecef}[data-theme=light] .mfa-secret{background:#0000000d}[data-theme=light] .backup-code{background:#0000000d;color:var(--color-text-primary)}[data-theme=light] .mfa-code-input{background:#fff;border-color:#ced4da;color:var(--color-text-primary)}[data-theme=light] .mfa-cancel-btn{border-color:#dee2e6;color:var(--color-text-secondary)}[data-theme=light] .mfa-cancel-btn:hover{background:#f1f3f5}@media(max-width:48rem){.mfa-verify-form{flex-direction:column}.mfa-code-input{font-size:var(--font-size-lg, 1.25rem)}.backup-codes-grid{grid-template-columns:repeat(2,1fr)}}.coming-soon-badge{display:inline-flex;align-items:center;margin-left:var(--spacing-sm, .5rem);padding:.15rem .5rem;font-size:var(--font-size-xs, .7rem);font-weight:var(--font-weight-semibold, 600);color:var(--color-warning, #ff9800);background:#ff980026;border:1px solid rgba(255,152,0,.3);border-radius:var(--radius-full, 9999px);text-transform:uppercase;letter-spacing:.03em}.preference-item-disabled{opacity:.6}.preference-item-disabled .preference-description{color:var(--color-text-tertiary, #666)}.toggle-switch-disabled{cursor:not-allowed}.toggle-switch-disabled .toggle-slider{cursor:not-allowed;background-color:var(--color-bg-tertiary, #334155)}.preference-select-disabled{cursor:not-allowed;opacity:.6}.help-layout{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--z-overlay);display:flex;align-items:center;justify-content:center}.help-layout__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.help-layout__container{position:relative;width:95vw;height:90vh;max-width:1400px;background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden}.help-layout__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border-default);background:var(--color-bg-secondary);flex-shrink:0}.help-layout__header-left{display:flex;align-items:center;gap:var(--spacing-sm)}.help-layout__menu-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.help-layout__menu-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.help-layout__title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.help-layout__search-trigger{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;min-width:280px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.help-layout__search-trigger:hover{border-color:var(--color-primary)}.help-layout__search-trigger:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.help-layout__search-trigger span{flex:1;text-align:left}.help-layout__search-trigger kbd{padding:2px 8px;background:var(--color-bg-tertiary);border-radius:var(--radius-xs);font-size:var(--font-size-xs);font-family:inherit}.help-layout__close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.help-layout__close-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.help-layout__body{display:flex;flex:1;overflow:hidden}.help-sidebar{width:280px;flex-shrink:0;border-right:1px solid var(--color-border-default);background:var(--color-bg-secondary);display:flex;flex-direction:column;transition:width var(--transition-base);overflow:hidden}.help-sidebar--collapsed{width:60px}.help-sidebar__nav{flex:1;overflow-y:auto;padding:var(--spacing-sm)}.help-sidebar__category{margin-bottom:var(--spacing-xs)}.help-sidebar__category-header{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:left;cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.help-sidebar__category-header:hover{background:var(--color-bg-hover)}.help-sidebar__category-header--success{border-left:3px solid var(--color-success)}.help-sidebar__category-header--primary{border-left:3px solid var(--color-primary)}.help-sidebar__category-header--info{border-left:3px solid var(--color-info)}.help-sidebar__category-header--warning{border-left:3px solid var(--color-warning)}.help-sidebar__category-header--error{border-left:3px solid var(--color-error)}.help-sidebar__category-icon{font-size:1rem;flex-shrink:0}.help-sidebar__category-name{flex:1}.help-sidebar__chevron{color:var(--color-text-tertiary);transition:transform var(--transition-fast)}.help-sidebar__chevron--expanded{transform:rotate(90deg)}.help-sidebar__articles{list-style:none;margin:0;padding:0 0 0 var(--spacing-lg)}.help-sidebar__article{display:block;width:100%;padding:var(--spacing-xs) var(--spacing-md);border:none;background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);text-align:left;cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast),color var(--transition-fast)}.help-sidebar__article:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.help-sidebar__article--selected{background:var(--color-primary-muted);color:var(--color-primary);font-weight:var(--font-weight-medium)}.help-sidebar__footer{padding:var(--spacing-md);border-top:1px solid var(--color-border-subtle)}.help-sidebar__footer-link{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm);text-decoration:none;padding:var(--spacing-sm);border-radius:var(--radius-sm);transition:background var(--transition-fast),color var(--transition-fast)}.help-sidebar__footer-link:hover{background:var(--color-bg-hover);color:var(--color-primary)}.help-layout__content{flex:1;overflow-y:auto;padding:var(--spacing-xl);max-width:800px;margin:0 auto}.help-layout__toc{width:200px;flex-shrink:0;padding:var(--spacing-lg);border-left:1px solid var(--color-border-default);overflow-y:auto}.help-layout__toc-title{margin:0 0 var(--spacing-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.help-layout__toc-list{list-style:none;margin:0;padding:0}.help-layout__toc-list li{margin-bottom:var(--spacing-xs)}.help-layout__toc-link{display:block;color:var(--color-text-secondary);font-size:var(--font-size-sm);text-decoration:none;padding:var(--spacing-xs) 0;border-left:2px solid transparent;padding-left:var(--spacing-sm);transition:color var(--transition-fast),border-color var(--transition-fast)}.help-layout__toc-link:hover{color:var(--color-primary);border-left-color:var(--color-primary)}.help-home{max-width:900px;margin:0 auto}.help-home__hero{text-align:center;margin-bottom:var(--spacing-2xl)}.help-home__hero h2{margin:0 0 var(--spacing-sm);font-size:var(--font-size-2xl);color:var(--color-text-primary)}.help-home__hero p{margin:0;color:var(--color-text-secondary)}.help-home__categories{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}.help-home__category{padding:var(--spacing-lg)}.help-home__category--success{border-left:4px solid var(--color-success)}.help-home__category--primary{border-left:4px solid var(--color-primary)}.help-home__category--info{border-left:4px solid var(--color-info)}.help-home__category--warning{border-left:4px solid var(--color-warning)}.help-home__category--error{border-left:4px solid var(--color-error)}.help-home__category-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.help-home__category-icon{font-size:1.5rem}.help-home__category-header h3{margin:0;font-size:var(--font-size-lg);color:var(--color-text-primary)}.help-home__category-articles{list-style:none;margin:0 0 var(--spacing-md);padding:0}.help-home__category-articles li{margin-bottom:var(--spacing-xs)}.help-home__article-link{display:block;width:100%;padding:var(--spacing-xs) 0;border:none;background:transparent;color:var(--color-link);font-size:var(--font-size-sm);text-align:left;cursor:pointer;transition:color var(--transition-fast)}.help-home__article-link:hover{color:var(--color-link-hover);text-decoration:underline}.help-home__view-all{border:none;background:transparent;color:var(--color-text-tertiary);font-size:var(--font-size-xs);cursor:pointer;padding:0;transition:color var(--transition-fast)}.help-home__view-all:hover{color:var(--color-primary)}.article-renderer{max-width:720px}.article-renderer__header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border-subtle)}.article-renderer__title{margin:0 0 var(--spacing-sm);font-size:var(--font-size-2xl);color:var(--color-text-primary)}.article-renderer__meta{margin:0;color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.article-renderer__content{line-height:var(--line-height-relaxed)}.article-renderer__h1{margin:var(--spacing-xl) 0 var(--spacing-md);font-size:var(--font-size-xl);color:var(--color-text-primary)}.article-renderer__h2{margin:var(--spacing-xl) 0 var(--spacing-md);font-size:var(--font-size-lg);color:var(--color-text-primary);padding-top:var(--spacing-md);border-top:1px solid var(--color-border-subtle)}.article-renderer__h3{margin:var(--spacing-lg) 0 var(--spacing-sm);font-size:var(--font-size-base);color:var(--color-text-primary)}.article-renderer__paragraph{margin:0 0 var(--spacing-md);color:var(--color-text-secondary)}.article-renderer__list{margin:0 0 var(--spacing-md);padding-left:var(--spacing-lg);color:var(--color-text-secondary)}.article-renderer__list li{margin-bottom:var(--spacing-xs)}.article-renderer__link{color:var(--color-link);text-decoration:none}.article-renderer__link:hover{text-decoration:underline}.article-renderer__inline-code{padding:2px 8px;background:var(--color-bg-tertiary);border-radius:var(--radius-xs);font-family:monospace;font-size:.9em;color:var(--color-text-primary)}.article-renderer__code-block{margin:var(--spacing-md) 0;background:var(--color-bg-tertiary);border-radius:var(--radius-md);overflow:hidden}.article-renderer__code-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xs) var(--spacing-md);background:#0003;border-bottom:1px solid var(--color-border-subtle)}.article-renderer__code-lang{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:uppercase}.article-renderer__copy-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border:none;background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-xs);cursor:pointer;border-radius:var(--radius-xs);transition:background var(--transition-fast),color var(--transition-fast)}.article-renderer__copy-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.article-renderer__pre{margin:0;padding:var(--spacing-md);overflow-x:auto}.article-renderer__pre code{font-family:var(--font-family-mono, monospace);font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:1.6}.article-renderer__footer{margin-top:var(--spacing-2xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border-subtle)}.article-renderer__feedback{display:flex;align-items:center;gap:var(--spacing-md)}.article-renderer__feedback p{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.article-renderer__feedback-buttons{display:flex;gap:var(--spacing-sm)}.article-renderer__feedback-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--color-border-default);background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.article-renderer__feedback-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.article-renderer__feedback-btn--yes:hover{border-color:var(--color-success);color:var(--color-success)}.article-renderer__feedback-btn--no:hover{border-color:var(--color-error);color:var(--color-error)}.article-renderer__feedback-thanks{color:var(--color-success);font-size:var(--font-size-sm)}.command-palette{position:fixed;top:0;left:0;right:0;bottom:0;z-index:calc(var(--z-overlay) + 10);display:flex;align-items:flex-start;justify-content:center;padding-top:15vh}.command-palette__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-overlay)}.command-palette__dialog{position:relative;width:90vw;max-width:600px;background:var(--color-bg-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:60vh;overflow:hidden}.command-palette__search{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-bottom:1px solid var(--color-border-default)}.command-palette__search svg{color:var(--color-text-tertiary);flex-shrink:0}.command-palette__input{flex:1;border:none;background:transparent;color:var(--color-text-primary);font-size:var(--font-size-base);outline:none}.command-palette__input::placeholder{color:var(--color-text-tertiary)}.command-palette__kbd{padding:2px 8px;background:var(--color-bg-tertiary);border-radius:var(--radius-xs);font-size:var(--font-size-xs);font-family:inherit;color:var(--color-text-tertiary)}.command-palette__results{flex:1;overflow-y:auto;padding:var(--spacing-sm)}.command-palette__empty{padding:var(--spacing-xl);text-align:center;color:var(--color-text-secondary)}.command-palette__empty-hint{color:var(--color-text-tertiary);font-size:var(--font-size-sm);margin-top:var(--spacing-sm)}.command-palette__category{margin-bottom:var(--spacing-md)}.command-palette__category-header{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.command-palette__category-icon{font-size:.9rem}.command-palette__category-list{list-style:none;margin:0;padding:0}.command-palette__result{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;color:var(--color-text-primary);font-size:var(--font-size-sm);text-align:left;cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.command-palette__result:hover,.command-palette__result--selected{background:var(--color-primary-muted)}.command-palette__result svg{color:var(--color-text-tertiary);flex-shrink:0}.command-palette__result-title{flex:1}.command-palette__footer{display:flex;gap:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--color-border-default);background:var(--color-bg-secondary)}.command-palette__hint{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.command-palette__hint kbd{padding:2px 4px;background:var(--color-bg-tertiary);border-radius:var(--radius-xs);font-family:inherit}[data-theme=light] .help-layout__container{box-shadow:var(--shadow-xl)}[data-theme=light] .help-layout__header,[data-theme=light] .help-sidebar{background:var(--color-bg-primary)}[data-theme=light] .help-layout__search-trigger{background:var(--color-bg-secondary)}[data-theme=light] .help-layout__search-trigger kbd{background:var(--color-bg-tertiary)}[data-theme=light] .article-renderer__code-block{background:var(--color-bg-secondary)}[data-theme=light] .article-renderer__code-header{background:#0000000a}[data-theme=light] .article-renderer__inline-code{background:var(--color-bg-secondary)}[data-theme=light] .command-palette__dialog{box-shadow:var(--shadow-xl)}[data-theme=light] .command-palette__footer{background:var(--color-bg-primary)}[data-theme=light] .command-palette__kbd{background:var(--color-bg-secondary)}@media(max-width:48rem){.help-layout__container{width:100%;height:100%;border-radius:0}.help-sidebar{position:absolute;left:0;top:64px;bottom:0;z-index:var(--z-base);transform:translate(-100%);transition:transform var(--transition-base)}.help-sidebar:not(.help-sidebar--collapsed){transform:translate(0)}.help-layout__toc{display:none}.help-layout__search-trigger{min-width:auto}.help-layout__search-trigger span{display:none}.help-home__categories{grid-template-columns:1fr}}@media(max-width:30rem){.help-layout__header{padding:var(--spacing-sm)}.help-layout__content{padding:var(--spacing-md)}.command-palette__dialog{width:95vw}}.notification-bell-btn{position:relative;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:var(--color-text-secondary, #94a3b8);padding:var(--spacing-xs, .25rem);border-radius:var(--border-radius-md, .5rem);transition:color .15s,background .15s;margin-right:var(--spacing-sm, .5rem)}.notification-bell-btn:hover{color:var(--color-text-primary, #e2e8f0);background:var(--color-bg-hover, rgba(255, 255, 255, .05))}.notification-bell-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;background:var(--color-error-dark, #be123c);color:#fff;font-size:.65rem;font-weight:700;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;line-height:1}.notification-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-sidebar);background:#0000004d}.notification-drawer{position:fixed;top:0;right:0;width:400px;max-width:100vw;height:100vh;background:var(--color-bg-primary, #0f172a);border-left:1px solid var(--border-color, rgba(255, 255, 255, .08));display:flex;flex-direction:column;z-index:var(--z-header);animation:slideIn .2s ease-out}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.notification-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md, 1rem) var(--spacing-lg, 1.25rem);border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .08))}.notification-drawer-header h3{margin:0;font-size:var(--font-size-lg, 1.1rem);font-weight:var(--font-weight-semibold, 600);color:var(--color-text-primary, #e2e8f0)}.notification-drawer-actions{display:flex;align-items:center;gap:var(--spacing-sm, .5rem)}.notif-mark-all-btn{background:transparent;border:none;color:var(--color-primary, #3b82f6);font-size:var(--font-size-sm, .825rem);cursor:pointer;padding:var(--spacing-xs, .25rem) var(--spacing-sm, .5rem);border-radius:var(--border-radius-sm, .375rem)}.notif-mark-all-btn:hover{background:var(--color-primary-light, rgba(59, 130, 246, .15))}.notif-close-btn{background:transparent;border:none;color:var(--color-text-secondary, #94a3b8);font-size:1.5rem;cursor:pointer;line-height:1;padding:0 4px}.notif-close-btn:hover{color:var(--color-text-primary, #e2e8f0)}.notification-drawer-tabs{display:flex;gap:2px;padding:0 var(--spacing-lg, 1.25rem);border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .08))}.notif-tab{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-text-tertiary, #64748b);font-size:var(--font-size-sm, .825rem);padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);cursor:pointer;display:flex;align-items:center;gap:4px;transition:color .15s,border-color .15s}.notif-tab:hover{color:var(--color-text-secondary, #94a3b8)}.notif-tab-active{color:var(--color-primary, #3b82f6);border-bottom-color:var(--color-primary, #3b82f6)}.notif-tab-badge{min-width:18px;height:18px;padding:0 4px;background:var(--color-error, #ef4444);color:#fff;font-size:.6rem;font-weight:700;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center}.notification-drawer-content{flex:1;overflow-y:auto;padding:var(--spacing-sm, .5rem) 0}.notif-loading,.notif-error,.notif-empty,.notif-more{text-align:center;padding:var(--spacing-xl, 2rem);color:var(--color-text-tertiary, #64748b);font-size:var(--font-size-sm, .825rem)}.notif-empty svg{opacity:.3;margin-bottom:var(--spacing-sm, .5rem)}.notif-error{color:var(--color-error, #ef4444)}.notif-card{display:flex;gap:var(--spacing-sm, .5rem);padding:var(--spacing-sm, .5rem) var(--spacing-lg, 1.25rem);cursor:pointer;transition:background .15s;position:relative}.notif-card:hover{background:var(--color-bg-hover, rgba(255, 255, 255, .03))}.notif-card-unread{background:var(--color-primary-alpha-10, rgba(59, 130, 246, .06))}.notif-card-bar{width:3px;border-radius:var(--radius-xs);flex-shrink:0;align-self:stretch}.notif-severity-critical{background:var(--color-error, #ef4444)}.notif-severity-warning{background:var(--color-warning, #f59e0b)}.notif-severity-info{background:var(--color-primary, #3b82f6)}.notif-card-body{flex:1;min-width:0}.notif-card-title{font-size:var(--font-size-sm, .825rem);font-weight:var(--font-weight-medium, 500);color:var(--color-text-primary, #e2e8f0);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-card-text{font-size:var(--font-size-xs, .75rem);color:var(--color-text-secondary, #94a3b8);margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif-card-meta{display:flex;align-items:center;gap:var(--spacing-sm, .5rem);font-size:var(--font-size-xs, .75rem);color:var(--color-text-tertiary, #64748b)}.notif-card-category{text-transform:capitalize}.notif-card-dot{width:8px;height:8px;border-radius:50%;background:var(--color-primary, #3b82f6);flex-shrink:0;margin-top:8px}[data-theme=light] .notification-drawer{background:var(--color-bg-primary, #ffffff)}[data-theme=light] .notification-bell-btn{color:var(--color-text-secondary, #64748b)}[data-theme=light] .notification-bell-btn:hover{color:var(--color-text-primary, #1e293b);background:var(--color-bg-hover, rgba(0, 0, 0, .05))}[data-theme=light] .notif-card-unread{background:#3b82f60a}[data-theme=light] .notif-card:hover{background:#00000005}@media(max-width:480px){.notification-drawer{width:100vw}}.mobile-nav-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal, 10000);background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:mobileNavFadeIn .2s ease}.mobile-nav-drawer{position:absolute;top:0;left:0;bottom:0;width:280px;max-width:80vw;background:var(--color-bg-primary);border-right:1px solid var(--border-color);box-shadow:var(--elevation-modal, 0 8px 32px rgba(0, 0, 0, .4));display:flex;flex-direction:column;animation:mobileNavSlideIn .25s cubic-bezier(.4,0,.2,1)}.mobile-nav-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color)}.mobile-nav-drawer__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.mobile-nav-drawer__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.mobile-nav-drawer__close:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.mobile-nav-drawer__items{flex:1;overflow-y:auto;padding:var(--spacing-sm) 0}.mobile-nav-drawer__item{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-sm) var(--spacing-lg);background:transparent;border:none;color:var(--color-text-secondary);font-size:var(--font-size-base);text-align:left;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.mobile-nav-drawer__item:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.mobile-nav-drawer__item:focus-visible{outline:var(--focus-outline);outline-offset:-2px}.mobile-nav-drawer__item-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--color-text-tertiary)}.mobile-nav-drawer__item-label{font-weight:var(--font-weight-medium)}@keyframes mobileNavFadeIn{0%{opacity:0}to{opacity:1}}@keyframes mobileNavSlideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}[data-theme=light] .mobile-nav-drawer-overlay{background:#0000004d}.mobile-nav-hamburger{display:none;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;transition:background var(--transition-fast)}.mobile-nav-hamburger:hover{background:var(--color-bg-secondary)}@media(max-width:768px){.mobile-nav-hamburger{display:flex}}.app{height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;display:flex;flex-direction:column;overflow:hidden;background-color:var(--color-bg-primary, #020617);color:var(--color-text-primary, #e0e0e0);transition:background-color .3s ease,color .3s ease}.app-header{background:var(--gradient-bg-page-header);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:1.5rem 2rem;border-bottom:1px solid var(--color-accent-blue-alpha-15);box-shadow:var(--shadow-xs),var(--rim-light-subtle);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:var(--z-header);transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}.app-header-right{display:flex;align-items:center;gap:1rem}.settings-button{background:var(--color-accent-blue-alpha-10);border:1px solid var(--color-accent-blue-alpha-30);color:var(--color-accent-blue);padding:var(--spacing-sm) var(--spacing-base);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-base);transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;line-height:1.4;box-sizing:border-box;white-space:nowrap;min-width:auto;min-height:auto;height:var(--height-button-md)}.settings-button .settings-icon{font-size:var(--font-size-base);line-height:1}.settings-button:hover{background:var(--color-accent-blue-alpha-20);border-color:var(--color-accent-blue-alpha-50)}.logout-button{background:var(--color-error-surface);border:1px solid var(--status-badge-error-border);color:var(--color-error);padding:var(--spacing-sm) var(--spacing-base);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-base);transition:all var(--transition-base);box-sizing:border-box;line-height:1.4;white-space:nowrap}.logout-button:hover{background:rgba(244,63,94,var(--opacity-emphasis));border-color:#f43f5e80}.loading-screen{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;color:var(--color-text-primary, #e0e0e0)}.app-header-left{flex:1}.header-logo-title{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.brand-logo{height:2rem;width:auto;object-fit:contain;transform:translateY(2px)}.app-header h1{font-size:var(--font-size-2xl);font-weight:300;margin:0;color:var(--color-text-header);letter-spacing:-.02em;transition:color var(--transition-slow)}.app-header p{color:var(--color-text-secondary);font-size:var(--font-size-base);transition:color var(--transition-slow)}.app-main{flex:1;display:flex;flex-direction:column;width:100%;min-height:0;overflow:hidden}.app-layout{display:flex;flex:1;width:100%;height:100%;overflow:hidden;transition:margin-left .3s ease}.app-content{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;padding:1rem;height:100%}@media(min-width:64rem){.app-content{padding:2rem;max-width:calc(100% - 250px);transition:max-width .3s ease}.app-layout:has(.conversation-sidebar.collapsed) .app-content{max-width:calc(100% - 48px)}}@media(min-width:48rem)and (max-width:64rem){.conversation-sidebar{width:200px}.app-content{max-width:calc(100% - 200px);padding:1.5rem}}@media(max-width:48rem){.app-header{padding:1rem;flex-wrap:wrap}.app-header-left{width:100%;margin-bottom:.5rem}.app-header h1{font-size:1.25rem}.app-header p{font-size:.8rem}.brand-logo{height:1.5rem}.app-main{min-height:0;padding:0}.app-layout{position:relative;height:100%}.conversation-sidebar{position:fixed;left:-250px;top:0;height:100vh;height:100dvh;z-index:var(--z-sidebar);transition:left .3s ease;box-shadow:var(--shadow-lg)}.conversation-sidebar.open{left:0}.app-content{width:100%;max-width:100%;padding:1rem}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:var(--z-sidebar);display:none}.sidebar-overlay.active{display:block}.mobile-sidebar-buttons{display:flex;justify-content:space-between;margin-bottom:1rem;gap:.5rem}.mobile-sidebar-toggle{background:var(--color-accent-blue-alpha-20);border:1px solid var(--color-accent-blue-alpha-30);color:var(--color-accent-blue);padding:var(--spacing-sm) var(--spacing-base);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-lg-xl);transition:all var(--transition-base);z-index:var(--z-header);position:relative}.mobile-sidebar-toggle:hover{background:var(--color-accent-blue-alpha-30);border-color:var(--color-accent-blue-alpha-50)}.mobile-sidebar-toggle.left{margin-right:auto}}@media(min-width:48rem){.mobile-sidebar-buttons{display:none}}.loading-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:var(--spacing-xl);text-align:center}.loading-fallback p{color:var(--color-text-tertiary);margin-top:var(--spacing-base)}.loading-spinner{width:var(--width-icon-lg);height:var(--width-icon-lg);border:3px solid var(--color-border-default);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spin 1s linear infinite}[data-theme=light] .app-header{border-bottom:1px solid var(--color-accent-blue-alpha-10);box-shadow:var(--shadow-xs),var(--rim-light-strong)}[data-theme=light] .settings-button{background:var(--color-accent-blue-alpha-10);border-color:var(--color-accent-blue-alpha-25);color:var(--color-primary)}[data-theme=light] .logout-button{background:var(--color-error-surface);border-color:var(--status-badge-error-border);color:var(--color-error)}[data-theme=light] .mobile-sidebar-toggle{background:var(--color-accent-blue-alpha-10);border-color:var(--color-accent-blue-alpha-25);color:var(--color-primary)}@keyframes spin{to{transform:rotate(360deg)}}@layer reset,tokens,base,components,layouts,utilities,overrides;@layer tokens{:root{--color-primary: #3b82f6;--color-primary-hover: #60a5fa;--color-primary-light: rgba(59, 130, 246, .2);--color-primary-border: rgba(59, 130, 246, .3);--color-primary-muted: rgba(59, 130, 246, .15);--color-primary-active: #2563eb;--color-primary-alpha: rgba(59, 130, 246, .15);--color-primary-alpha-10: rgba(59, 130, 246, .1);--color-primary-alpha-20: rgba(59, 130, 246, .2);--color-error-hover: #e11d48;--color-error-dark: #be123c;--color-success-hover: #059669;--color-success-dark: #047857;--color-link: #60a5fa;--color-link-hover: #93c5fd;--color-link-visited: #a5b4fc;--color-streaming: #22c55e;--color-accent-gold: #fbbf24;--color-accent-blue: #4a9eff;--color-accent-blue-alpha-5: rgba(74, 158, 255, .05);--color-accent-blue-alpha-10: rgba(74, 158, 255, .1);--color-accent-blue-alpha-15: rgba(74, 158, 255, .15);--color-accent-blue-alpha-20: rgba(74, 158, 255, .2);--color-accent-blue-alpha-25: rgba(74, 158, 255, .25);--color-accent-blue-alpha-30: rgba(74, 158, 255, .3);--color-accent-blue-alpha-50: rgba(74, 158, 255, .5);--color-accent-blue-alpha-80: rgba(74, 158, 255, .8);--color-accent-violet: #7c3aed;--color-accent-violet-hover: #6d28d9;--color-accent-violet-alpha-10: rgba(124, 58, 237, .1);--color-accent-violet-alpha-20: rgba(124, 58, 237, .2);--gradient-brand: linear-gradient(135deg, #4a9eff 0%, #7c3aed 100%);--gradient-brand-hover: linear-gradient(135deg, #60b0ff 0%, #8b5cf6 100%);--gradient-brand-subtle: linear-gradient( 135deg, rgba(74, 158, 255, .15) 0%, rgba(124, 58, 237, .15) 100% );--message-user-gradient-start: #3b82f6;--message-user-gradient-end: #2563eb;--color-bg-primary: #020617;--color-bg-secondary: #0a1628;--color-bg-tertiary: #1e293b;--color-bg-hover: rgba(255, 255, 255, .08);--color-bg-active: rgba(99, 102, 241, .2);--color-bg-pressed: rgba(255, 255, 255, .04);--color-text-primary: #f1f5f9;--color-text-secondary: #94a3b8;--color-text-tertiary: #8994a5;--color-text-inverse: #020617;--color-text-header: #f8fafc;--color-placeholder: #64748b;--color-success: #10b981;--color-success-vivid: #34d399;--color-warning: #f59e0b;--color-error: #f43f5e;--color-info: #0ea5e9;--color-success-surface: rgba(16, 185, 129, .12);--color-warning-surface: rgba(245, 158, 11, .12);--color-error-surface: rgba(244, 63, 94, .12);--color-info-surface: rgba(14, 165, 233, .12);--color-success-surface-hover: rgba(16, 185, 129, .2);--color-warning-surface-hover: rgba(245, 158, 11, .2);--color-error-surface-hover: rgba(244, 63, 94, .2);--color-info-surface-hover: rgba(14, 165, 233, .2);--color-success-border: rgba(16, 185, 129, .3);--color-warning-border: rgba(245, 158, 11, .3);--color-error-border: rgba(244, 63, 94, .3);--color-info-border: rgba(14, 165, 233, .3);--color-brand-pagerduty: #06ac38;--color-brand-pagerduty-surface: rgba(6, 172, 56, .1);--color-brand-pagerduty-border: rgba(6, 172, 56, .3);--color-brand-slack: #4a154b;--color-brand-slack-surface: rgba(74, 21, 75, .1);--color-brand-slack-border: rgba(74, 21, 75, .3);--color-brand-teams: #5059c9;--color-brand-teams-surface: rgba(80, 89, 201, .12);--color-brand-teams-border: rgba(80, 89, 201, .3);--color-brand-grafana: #f46800;--color-brand-grafana-surface: rgba(244, 104, 0, .1);--color-brand-grafana-border: rgba(244, 104, 0, .3);--color-severity-critical: #dc2626;--color-severity-critical-surface: rgba(220, 38, 38, .15);--color-severity-high: #ea580c;--color-severity-high-surface: rgba(234, 88, 12, .1);--color-severity-medium: #ca8a04;--color-severity-medium-surface: rgba(202, 138, 4, .1);--color-severity-low: #388e3c;--color-severity-low-surface: rgba(56, 142, 60, .1);--color-destructive: #dc2626;--color-destructive-hover: #b91c1c;--color-destructive-active: #991b1b;--color-destructive-surface: rgba(220, 38, 38, .12);--color-destructive-border: rgba(220, 38, 38, .3);--color-integration-jenkins: #d33833;--color-integration-argocd: #ef7b4d;--color-integration-bitbucket: #0052cc;--color-integration-kubernetes: #326ce5;--color-on-brand: #ffffff;--gradient-login-bg: radial-gradient( circle at 50% 50%, rgba(0, 106, 255, .3) 0%, rgba(0, 60, 150, .12) 35%, #0b1220 65% );--gradient-login-container: #0f172a;--gradient-bg-page-header: linear-gradient(180deg, #071025 0%, #020617 100%);--color-doc-investigation: #a78bfa;--color-doc-investigation-surface: rgba(139, 92, 246, .15);--color-doc-rca: #60a5fa;--color-doc-rca-surface: rgba(59, 130, 246, .15);--color-doc-runbook: #34d399;--color-doc-runbook-surface: rgba(16, 185, 129, .15);--color-doc-postmortem: #fb923c;--color-doc-postmortem-surface: rgba(249, 115, 22, .15);--color-doc-timeline: #f472b6;--color-doc-timeline-surface: rgba(236, 72, 153, .15);--color-doc-notes: #94a3b8;--color-doc-notes-surface: rgba(148, 163, 184, .15);--color-border-default: rgba(148, 163, 184, .1);--color-border-subtle: rgba(148, 163, 184, .06);--color-border-strong: #334155;--color-surface-elevated: #0a1628;--color-overlay: rgba(2, 6, 23, .85);--user-status-authenticated-bg: rgba(16, 185, 129, .2);--user-status-authenticated-border: rgba(16, 185, 129, .3);--user-status-authenticated-hover: rgba(16, 185, 129, .3);--message-bot-bg-start: #0a1628;--message-bot-bg-end: #020617;--message-bot-border: #1e293b;--message-bot-text: #f1f5f9;--admin-sidebar-bg: rgba(2, 6, 23, .5);--admin-toggle-border: rgba(148, 163, 184, .1);--admin-toggle-border-hover: rgba(148, 163, 184, .2);--admin-search-bg: rgba(2, 6, 23, .3);--admin-dropdown-header-bg: rgba(2, 6, 23, .5);--color-input-bg: rgba(255, 255, 255, .05);--color-input-border: var(--color-border-strong);--color-input-bg-focus: rgba(59, 130, 246, .08);--color-form-section-bg: rgba(255, 255, 255, .03);--color-hover-overlay: rgba(255, 255, 255, .08);--color-scrollbar-track: rgba(255, 255, 255, .05);--color-scrollbar-thumb: rgba(74, 158, 255, .3);--color-scrollbar-thumb-hover: rgba(74, 158, 255, .5);--color-quota-safe: var(--color-success);--color-quota-warning: var(--color-warning);--color-quota-critical: var(--color-error);--color-quota-exceeded: #dc2626;--quota-bar-height: 8px;--quota-bar-radius: 9999px;--quota-bar-bg: var(--color-bg-tertiary);--quota-bar-track: rgba(255, 255, 255, .1);--quota-threshold-0: var(--color-quota-safe);--quota-threshold-50: var(--color-quota-safe);--quota-threshold-80: var(--color-quota-warning);--quota-threshold-100: var(--color-quota-critical);--color-byok-active: var(--color-success);--color-byok-inactive: var(--color-text-tertiary);--color-byok-pending: var(--color-warning);--color-byok-badge-bg: rgba(16, 185, 129, .15);--color-byok-badge-text: var(--color-success);--pricing-highlight-bg: var(--color-bg-secondary);--pricing-currency-color: var(--color-text-secondary);--pricing-amount-color: var(--color-text-primary);--pricing-tier-free-bg: var(--color-bg-tertiary);--pricing-tier-standard-bg: rgba(99, 102, 241, .1);--pricing-tier-professional-bg: rgba(168, 85, 247, .1);--pricing-tier-enterprise-bg: rgba(251, 191, 36, .1);--alert-quota-warning-bg: rgba(245, 158, 11, .1);--alert-quota-warning-border: var(--color-warning);--alert-quota-warning-text: #fbbf24;--alert-quota-exceeded-bg: rgba(239, 68, 68, .1);--alert-quota-exceeded-border: var(--color-error);--alert-quota-exceeded-text: #f87171;--usage-meter-text-normal: var(--color-text-secondary);--usage-meter-text-warning: var(--color-warning);--usage-meter-text-critical: var(--color-error);--spacing-2xs: .125rem;--spacing-xs: .25rem;--spacing-xs-sm: .375rem;--spacing-sm: .5rem;--spacing-sm-md: .625rem;--spacing-md: .75rem;--spacing-base: 1rem;--spacing-base-lg: 1.25rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 6rem;--space-fluid-xs: clamp(.25rem, .5vw, .5rem);--space-fluid-sm: clamp(.5rem, 1vw, .75rem);--space-fluid-md: clamp(.75rem, 2vw, 1.5rem);--space-fluid-lg: clamp(1rem, 3vw, 2rem);--space-fluid-xl: clamp(1.5rem, 4vw, 3rem);--card-padding-sm: var(--spacing-md);--card-padding-md: var(--spacing-lg);--card-padding-lg: var(--spacing-xl);--form-field-height: 2.25rem;--form-field-padding-x: .75rem;--form-field-padding-y: .625rem;--table-cell-padding-x: var(--spacing-md);--table-cell-padding-y: var(--spacing-sm);--modal-padding: var(--spacing-lg);--modal-border-radius: var(--radius-lg);--font-family-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "SF Mono", "Fira Code", "Monaco", "Consolas", "Inconsolata", "Droid Sans Mono", "Source Code Pro", monospace;--font-size-2xs: .6875rem;--font-size-xs: .75rem;--font-size-xs-sm: .8125rem;--font-size-sm: .85rem;--font-size-base: .9rem;--font-size-md: 1rem;--font-size-lg: 1.1rem;--font-size-lg-xl: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.75rem;--font-size-3xl: 2rem;--letter-spacing-tighter: -.05em;--letter-spacing-tight: -.03em;--letter-spacing-heading: -.03em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--letter-spacing-mono: .05em;--letter-spacing-widest: .1em;--font-size-fluid-sm: clamp(.75rem, .7rem + .25vw, .875rem);--font-size-fluid-base: clamp(.875rem, .8rem + .4vw, 1rem);--font-size-fluid-lg: clamp(1rem, .9rem + .5vw, 1.25rem);--font-size-fluid-xl: clamp(1.25rem, 1rem + 1vw, 1.75rem);--font-size-fluid-2xl: clamp(1.5rem, 1.2rem + 1.5vw, 2.5rem);--message-font-size: .95rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--radius-2xs: 2px;--radius-xs: 4px;--radius-sm: 6px;--radius-base: 8px;--radius-md: 10px;--radius-lg-sm: 12px;--radius-lg: 14px;--radius-xl: 22px;--radius-2xl: 28px;--radius-full: 9999px;--radius-pill: 100px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .1);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .15);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .25);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .3);--shadow-glow: 0 0 0 3px var(--color-primary-alpha);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .15);--shadow-focus: 0 0 0 3px var(--color-primary-alpha);--shadow-error: 0 0 0 3px rgba(244, 63, 94, .25);--shadow-success: 0 0 0 3px rgba(16, 185, 129, .25);--shadow-subtle: 0 4px 6px -1px rgba(0, 0, 0, .1);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-out-expo: cubic-bezier(.87, 0, .13, 1);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--duration-instant: 0ms;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .4s;--duration-slower: .6s;--focus-ring-color: var(--color-primary);--focus-ring-width: 2px;--focus-ring: var(--focus-ring-width) solid var(--focus-ring-color);--vh-dynamic: 1dvh;--vh-small: 1svh;--vh-large: 1lvh;--breakpoint-xs: 20rem;--breakpoint-sm: 30rem;--breakpoint-md: 48rem;--breakpoint-lg: 64rem;--breakpoint-xl: 80rem;--breakpoint-2xl: 96rem;--container-sm: 20rem;--container-md: 30rem;--container-lg: 48rem;--container-xl: 64rem;--table-checkbox-width: 2.5rem;--table-actions-min-width: 7.5rem;--z-base: 1;--z-dropdown: 100;--z-sticky: 100;--z-nav: 100;--z-drawer: 200;--z-overlay: 10010;--z-sidebar: 1000;--z-modal: 10010;--z-modal-content: 10011;--z-header: 1100;--z-activity-indicator: 9999;--z-tooltip: 10020;--z-command-palette: 10020;--z-menu-dropdown: 10000;--z-admin-dropdown: 10002;--z-admin-modal: 10010;--z-portal: 99999;--z-max: 2147483647;--touch-target-min: 44px;--sidebar-width: 250px;--sidebar-width-tablet: 200px;--header-height: 80px;--tenant-admin-sidebar-width: 220px;--global-admin-sidebar-width: 220px;--admin-sidebar-collapsed-width: 60px;--height-button-sm: 1.75rem;--height-button-md: 2.25rem;--height-button-lg: 2.5rem;--height-input: 2.25rem;--width-sidebar: 15.625rem;--width-sidebar-collapsed: 3rem;--width-container-max: 75rem;--width-icon-xs: .75rem;--width-icon-sm: 1rem;--width-icon-md: 1.5rem;--width-icon-base: 2rem;--width-icon-lg: 2.5rem;--width-icon-xl: 3rem;--color-timing-context: #ff9800;--color-timing-mcp: #2196f3;--color-timing-ttft: #81c784;--color-timing-llm: #4caf50;--color-status-healthy: #4caf50;--color-status-degraded: #ff9800;--color-status-down: #f44336;--gauge-good: var(--color-success);--gauge-warning: var(--color-warning);--gauge-error: var(--color-error);--heatmap-low: rgba(74, 158, 255, .2);--heatmap-medium: rgba(74, 158, 255, .5);--heatmap-high: rgba(74, 158, 255, .8);--heatmap-max: #4a9eff;--color-refresh-active: var(--color-success);--color-refresh-paused: var(--color-text-tertiary);--slo-target-marker: var(--color-text-tertiary);--slo-above-target: var(--color-success);--slo-below-target: var(--color-warning);--alert-warning-bg: rgba(255, 152, 0, .12);--alert-error-bg: rgba(244, 67, 54, .12);--alert-info-bg: rgba(33, 150, 243, .12);--alert-recovery-bg: rgba(76, 175, 80, .12);--vh-full: 100dvh;--vh-full-fallback: 100vh;--spacing-fluid-sm: clamp(.5rem, .4rem + .5vw, .75rem);--spacing-fluid-md: clamp(.75rem, .6rem + .75vw, 1rem);--spacing-fluid-lg: clamp(1rem, .8rem + 1vw, 1.5rem);--spacing-fluid-xl: clamp(1.5rem, 1rem + 2vw, 2.5rem);--container-xs: 100%;--container-sm: min(100%, 540px);--container-md: min(100%, 720px);--container-lg: min(100%, 960px);--container-xl: min(100%, 1140px);--sidebar-width-mobile: 0;--sidebar-width-collapsed: 48px;--message-max-width-mobile: 95%;--message-max-width-tablet: 85%;--message-max-width-desktop: 75%;--message-max-width-user-mobile: 90%;--message-max-width-user-tablet: 80%;--message-max-width-user-desktop: 70%;--color-aws: #ff9900;--color-jwt: #ab47bc;--color-oauth: #4285f4;--color-api-key: #34a853;--chart-color-1: #6366f1;--chart-color-2: #a78bfa;--chart-color-3: #60a5fa;--chart-color-4: #94a3b8;--chart-color-5: #34d399;--chart-color-6: #f87171;--chart-color-7: #fbbf24;--chart-color-8: #64748b;--chart-area-fill-opacity: .12;--chart-grid-color: rgba(148, 163, 184, .08);--chart-border-color: rgba(255, 255, 255, .06);--chart-donut-bg: #0a1628;--tooltip-bg: #0a1628;--tooltip-border: rgba(148, 163, 184, .1);--tooltip-text: #e0e0e0;--tooltip-label: #ffffff;--brush-bg: #1a1a1a;--badge-active-bg: rgba(16, 185, 129, .15);--badge-active-text: #10b981;--badge-active-border: rgba(16, 185, 129, .3);--badge-inactive-bg: rgba(100, 116, 139, .15);--badge-inactive-text: #94a3b8;--badge-inactive-border: rgba(100, 116, 139, .3);--badge-pending-bg: rgba(245, 158, 11, .15);--badge-pending-text: #f59e0b;--badge-pending-border: rgba(245, 158, 11, .3);--badge-error-bg: rgba(239, 68, 68, .15);--badge-error-text: #ef4444;--badge-error-border: rgba(239, 68, 68, .3);--badge-super-admin-bg: rgba(168, 85, 247, .15);--badge-super-admin-text: #a855f7;--badge-super-admin-border: rgba(168, 85, 247, .3);--badge-global-admin-bg: rgba(59, 130, 246, .15);--badge-global-admin-text: #3b82f6;--badge-global-admin-border: rgba(59, 130, 246, .3);--badge-tenant-admin-bg: rgba(6, 182, 212, .15);--badge-tenant-admin-text: #06b6d4;--badge-tenant-admin-border: rgba(6, 182, 212, .3);--badge-user-bg: rgba(100, 116, 139, .15);--badge-user-text: #94a3b8;--badge-user-border: rgba(100, 116, 139, .3);--table-border-color: var(--color-border-default);--table-header-bg: var(--color-bg-secondary);--table-row-hover-bg: var(--color-bg-hover);--table-row-selected-bg: var(--color-primary-muted);--button-primary-bg: var(--color-primary);--button-primary-hover: var(--color-primary-hover);--button-primary-active: var(--color-primary-active);--button-primary-text: #ffffff;--button-secondary-bg: transparent;--button-secondary-border: var(--color-border-strong);--button-secondary-text: var(--color-text-secondary);--button-secondary-hover-bg: var(--color-bg-hover);--button-danger-bg: var(--color-error);--button-danger-hover: var(--color-error-hover);--button-danger-text: #ffffff;--button-ghost-bg: transparent;--button-ghost-hover-bg: var(--color-bg-hover);--button-ghost-text: var(--color-text-secondary);--shadow-cta: 0 2px 8px rgba(59, 130, 246, .25);--shadow-cta-hover: 0 8px 20px rgba(59, 130, 246, .4);--shadow-cta-active: 0 2px 8px rgba(59, 130, 246, .3);--z-preferences-modal: 10100;--posture-score-excellent: var(--color-success);--posture-score-good: #22c55e;--posture-score-fair: var(--color-warning);--posture-score-poor: #f97316;--posture-score-critical: var(--color-error);--posture-score-excellent-bg: rgba(16, 185, 129, .15);--posture-score-good-bg: rgba(34, 197, 94, .15);--posture-score-fair-bg: rgba(245, 158, 11, .15);--posture-score-poor-bg: rgba(249, 115, 22, .15);--posture-score-critical-bg: rgba(244, 63, 94, .15);--finding-critical-bg: rgba(220, 38, 38, .15);--finding-critical-text: #dc2626;--finding-critical-border: rgba(220, 38, 38, .3);--finding-high-bg: rgba(249, 115, 22, .15);--finding-high-text: #f97316;--finding-high-border: rgba(249, 115, 22, .3);--finding-medium-bg: rgba(245, 158, 11, .15);--finding-medium-text: #f59e0b;--finding-medium-border: rgba(245, 158, 11, .3);--finding-low-bg: rgba(59, 130, 246, .15);--finding-low-text: #3b82f6;--finding-low-border: rgba(59, 130, 246, .3);--finding-info-bg: rgba(100, 116, 139, .15);--finding-info-text: #64748b;--finding-info-border: rgba(100, 116, 139, .3);--category-security: var(--color-error);--category-security-bg: rgba(239, 68, 68, .1);--category-compliance: var(--color-info);--category-compliance-bg: rgba(14, 165, 233, .1);--category-maturity: var(--color-success);--category-maturity-bg: rgba(16, 185, 129, .1);--category-reliability: var(--color-warning);--category-reliability-bg: rgba(245, 158, 11, .1);--ql-critical: #be123c;--ql-critical-border: rgba(190, 18, 60, .35);--ql-critical-glow: rgba(190, 18, 60, .35);--ql-critical-glow-hover: rgba(190, 18, 60, .5);--ql-high: #b45309;--ql-high-border: rgba(180, 83, 9, .35);--ql-high-glow: rgba(180, 83, 9, .3);--ql-high-glow-hover: rgba(180, 83, 9, .5);--ql-medium: #a16207;--ql-medium-border: rgba(161, 98, 7, .35);--ql-success: #059669;--ql-success-border: rgba(5, 150, 105, .4);--ql-healthy-bg: rgba(16, 185, 129, .03);--ql-healthy-border: rgba(5, 150, 105, .15);--ql-healthy-opacity: .75;--ql-healthy-opacity-hover: .95;--ql-healthy-text: rgba(16, 185, 129, .7);--trend-up: var(--color-success);--trend-down: var(--color-error);--trend-neutral: var(--color-text-tertiary);--posture-card-radius: var(--radius-lg);--posture-card-padding: var(--spacing-lg);--posture-score-ring-size-sm: 60px;--posture-score-ring-size-md: 80px;--posture-score-ring-size-lg: 120px;--integration-jenkins: #d33833;--integration-argocd: #ef7b4d;--integration-kubernetes: #326ce5;--integration-bitbucket: #2684ff;--integration-jira: #0052cc;--integration-prometheus: #e6522c;--elevation-card: 0 1px 3px rgba(0, 0, 0, .12), 0 4px 6px rgba(0, 0, 0, .08);--elevation-card-hover: 0 4px 12px rgba(0, 0, 0, .15), 0 8px 24px rgba(0, 0, 0, .1);--elevation-card-active: 0 1px 2px rgba(0, 0, 0, .08);--elevation-dropdown: 0 10px 40px rgba(0, 0, 0, .25), 0 0 0 1px rgba(255, 255, 255, .05);--elevation-modal: 0 20px 60px rgba(0, 0, 0, .3);--glass-bg: rgba(99, 102, 241, .08);--glass-bg-strong: rgba(99, 102, 241, .12);--glass-border: rgba(99, 102, 241, .15);--glass-border-strong: rgba(99, 102, 241, .25);--glass-blur: 20px;--glass-blur-light: 12px;--premium-glow: 0 0 20px rgba(99, 102, 241, .15);--premium-glow-subtle: 0 0 15px rgba(99, 102, 241, .1);--premium-glow-strong: 0 0 30px rgba(99, 102, 241, .2);--input-glow-focus: 0 0 0 3px var(--color-primary-alpha), 0 8px 16px -4px rgba(0, 0, 0, .3);--input-lift-focus: translateY(-1px);--btn-press-scale: scale(.97);--btn-hover-lift: translateY(-1px);--stagger-delay: 50ms;--stagger-duration: .4s;--stagger-easing: cubic-bezier(.16, 1, .3, 1);--border-glow-top: linear-gradient(to bottom, rgba(255, 255, 255, .1), transparent);--border-glow-bottom: linear-gradient(to top, rgba(255, 255, 255, .05), transparent);--rim-light: inset 0 1px 0 0 rgba(255, 255, 255, .1);--rim-light-strong: inset 0 1px 0 0 rgba(255, 255, 255, .15);--rim-light-subtle: inset 0 1px 0 0 rgba(255, 255, 255, .06);--engineering-grid: repeating-linear-gradient( 90deg, rgba(255, 255, 255, .02) 0px, rgba(255, 255, 255, .02) 1px, transparent 1px, transparent 8px );--engineering-grid-mask: linear-gradient(to bottom, rgba(0, 0, 0, .4), transparent 70%);--spotlight-hover: radial-gradient( 600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%), rgba(99, 102, 241, .06), transparent 40% );--spotlight-hover-strong: radial-gradient( 600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%), rgba(99, 102, 241, .1), transparent 40% );--icon-platter-radius: 35%;--icon-platter-bg: linear-gradient( 135deg, var(--color-bg-tertiary) 0%, rgba(30, 41, 59, .8) 100% );--icon-platter-border: 1px solid rgba(255, 255, 255, .06);--hero-gradient-start: rgba(99, 102, 241, .1);--hero-gradient-end: rgba(99, 102, 241, .02);--hero-glow-color: rgba(99, 102, 241, .3);--hero-pulse-opacity-min: .4;--hero-pulse-opacity-max: .7;--duration-skeleton: 1.5s;--duration-card-hover: .2s;--duration-dropdown-enter: .2s;--duration-score-fill: 1.2s;--duration-pulse: 2s;--duration-float: 3s;--skeleton-base: var(--color-bg-tertiary);--skeleton-shine: var(--color-bg-secondary);--terminal-bg: #0d1117;--terminal-bg-header: #161b22;--terminal-text: #c9d1d9;--terminal-text-muted: #8b949e;--terminal-border: #30363d;--terminal-scrollbar-track: #0d1117;--terminal-scrollbar-thumb: #30363d;--terminal-scrollbar-thumb-hover: #484f58;--terminal-line-error: #f14c4c;--terminal-line-warning: #cca700;--terminal-line-info: #3794ff;--terminal-line-success: #23d18b;--terminal-highlight-bg: rgba(255, 255, 0, .1);--opacity-subtle: .03;--opacity-light: .05;--opacity-soft: .08;--opacity-medium: .12;--opacity-strong: .15;--opacity-emphasis: .2;--opacity-prominent: .3;--scrollbar-width: 8px;--scrollbar-track: rgba(255, 255, 255, .05);--scrollbar-thumb: rgba(74, 158, 255, .3);--scrollbar-thumb-hover: rgba(74, 158, 255, .5);--status-badge-error-border: rgba(244, 63, 94, .3);--status-badge-warning-border: rgba(245, 158, 11, .3);--status-badge-success-border: rgba(16, 185, 129, .3);--status-badge-info-border: rgba(14, 165, 233, .3);--grid-min-col-width-sm: 200px;--grid-min-col-width-md: 280px;--grid-min-col-width-lg: 320px;--score-glow-excellent: 0 0 20px rgba(16, 185, 129, .4);--score-glow-good: 0 0 20px rgba(34, 197, 94, .4);--score-glow-fair: 0 0 20px rgba(245, 158, 11, .4);--score-glow-poor: 0 0 20px rgba(249, 115, 22, .4);--score-glow-critical: 0 0 20px rgba(244, 63, 94, .4);--surface-glass: rgba(10, 22, 40, .6);--surface-glass-hover: rgba(10, 22, 40, .75);--surface-glass-active: rgba(10, 22, 40, .85);--glow-primary: 0 0 20px rgba(99, 102, 241, .15);--glow-success: 0 0 20px rgba(16, 185, 129, .15);--glow-warning: 0 0 20px rgba(245, 158, 11, .15);--glow-error: 0 0 20px rgba(244, 63, 94, .15);--glow-info: 0 0 20px rgba(14, 165, 233, .15);--status-glow-healthy: 0 0 12px rgba(76, 175, 80, .4);--status-glow-degraded: 0 0 12px rgba(255, 152, 0, .4);--status-glow-down: 0 0 12px rgba(244, 67, 54, .4);--dashboard-bg-gradient: radial-gradient(ellipse at 15% 85%, rgba(59, 130, 246, .04) 0%, transparent 50%), radial-gradient(ellipse at 85% 15%, rgba(99, 102, 241, .03) 0%, transparent 50%);--dashboard-scanline: repeating-linear-gradient( 0deg, transparent, transparent 2px, rgba(255, 255, 255, .02) 2px, rgba(255, 255, 255, .02) 4px );--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--ease-premium: cubic-bezier(.16, 1, .3, 1);--stagger-1: .05s;--stagger-2: .1s;--stagger-3: .15s;--stagger-4: .2s;--stagger-5: .25s;--stagger-6: .3s;--surface-obsidian: #09090b;--surface-obsidian-elevated: #0c0c0f;--surface-command: #121215;--surface-command-elevated: #18181b;--aura-success: radial-gradient(circle at 50% 0%, rgba(16, 185, 129, .12), transparent 70%);--aura-warning: radial-gradient(circle at 50% 0%, rgba(245, 158, 11, .1), transparent 70%);--aura-error: radial-gradient(circle at 50% 0%, rgba(239, 68, 68, .15), transparent 70%);--aura-primary: radial-gradient(circle at 50% 0%, rgba(99, 102, 241, .12), transparent 70%);--hero-score-glow-excellent: 0 0 60px rgba(16, 185, 129, .3), 0 0 120px rgba(16, 185, 129, .15);--hero-score-glow-good: 0 0 60px rgba(34, 197, 94, .3), 0 0 120px rgba(34, 197, 94, .15);--hero-score-glow-fair: 0 0 60px rgba(245, 158, 11, .3), 0 0 120px rgba(245, 158, 11, .15);--hero-score-glow-poor: 0 0 60px rgba(249, 115, 22, .3), 0 0 120px rgba(249, 115, 22, .15);--hero-score-glow-critical: 0 0 60px rgba(244, 63, 94, .3), 0 0 120px rgba(244, 63, 94, .15);--command-grid: linear-gradient(to right, rgba(255, 255, 255, .02) 1px, transparent 1px), linear-gradient(to bottom, rgba(255, 255, 255, .02) 1px, transparent 1px);--command-grid-size: 40px 40px;--border-premium: 1px solid rgba(255, 255, 255, .08);--border-premium-strong: 1px solid rgba(255, 255, 255, .12);--rim-light-premium: inset 0 1px 1px rgba(255, 255, 255, .1);--depth-command-surface: 0 20px 40px rgba(0, 0, 0, .4);--depth-command-elevated: 0 24px 48px rgba(0, 0, 0, .5);--depth-command-hover: 0 28px 56px rgba(0, 0, 0, .55);--duration-reveal: .8s;--ease-reveal: cubic-bezier(.16, 1, .3, 1);--text-gradient-light: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, .6) 100%);--text-gradient-score: linear-gradient(180deg, #fff 20%, rgba(255, 255, 255, .4) 100%);--color-text-obsidian-vivid: #ffffff;--color-text-obsidian-bright: rgba(255, 255, 255, .9);--color-text-obsidian-muted: rgba(255, 255, 255, .7);--color-text-obsidian-subtle: rgba(255, 255, 255, .5);--color-text-obsidian-dim: rgba(255, 255, 255, .35);--glow-primary: rgba(99, 102, 241, .4);--glow-success: rgba(16, 185, 129, .4);--glow-warning: rgba(245, 158, 11, .4);--glow-error: rgba(239, 68, 68, .4);--glow-info: rgba(14, 165, 233, .4);--command-glass-blur: blur(12px);--command-glass-blur-light: blur(8px);--command-glass-border-full: 1px solid rgba(255, 255, 255, .08);--command-glass-border-bright-full: 1px solid rgba(255, 255, 255, .15);--command-glass-bg: rgba(255, 255, 255, .03);--command-glass-bg-hover: rgba(255, 255, 255, .06);--radius-bento: 20px;--radius-pod: 12px;--spacing-bento: 1.5rem;--shadow-command: 0 8px 32px 0 rgba(0, 0, 0, .8);--shadow-command-hover: 0 12px 40px rgba(0, 0, 0, .6);--shadow-neon-primary: 0 0 20px var(--glow-primary);--shadow-neon-success: 0 0 20px var(--glow-success);--shadow-neon-warning: 0 0 20px var(--glow-warning);--shadow-neon-error: 0 0 20px var(--glow-error);--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", "Monaco", "Inconsolata", "Roboto Mono", monospace;--severity-critical-glow: 0 0 12px rgba(220, 38, 38, .4), 0 0 24px rgba(220, 38, 38, .2);--severity-high-glow: 0 0 10px rgba(234, 88, 12, .3);--severity-medium-glow: 0 0 8px rgba(245, 158, 11, .25);--row-urgent-bg: linear-gradient(90deg, rgba(220, 38, 38, .08) 0%, transparent 100%);--row-high-bg: linear-gradient(90deg, rgba(234, 88, 12, .06) 0%, transparent 100%);--row-active-indicator: 3px solid var(--color-severity-critical);--row-active-indicator-high: 3px solid var(--color-severity-high);--indicator-active-color: var(--color-severity-critical);--indicator-running-color: var(--color-info);--indicator-size: 8px;--density-row-height-comfortable: 72px;--density-row-padding-comfortable: var(--spacing-md);--density-gap-comfortable: var(--spacing-md);--density-font-size-comfortable: var(--font-size-base);--density-row-height-compact: 48px;--density-row-padding-compact: var(--spacing-sm);--density-gap-compact: var(--spacing-sm);--density-font-size-compact: var(--font-size-sm);--density-row-height: var(--density-row-height-comfortable);--density-row-padding: var(--density-row-padding-comfortable);--density-gap: var(--density-gap-comfortable);--density-font-size: var(--density-font-size-comfortable);--nav-bg: #020617;--nav-bg-gradient: linear-gradient(180deg, #071025 0%, #020617 100%);--nav-border: rgba(148, 163, 184, .08);--nav-item-hover-bg: rgba(255, 255, 255, .06);--nav-item-active-bg: rgba(59, 130, 246, .15);--header-bg: #020617;--header-bg-gradient: linear-gradient(180deg, #071025 0%, #020617 100%);--header-border: rgba(148, 163, 184, .08);--header-shadow: 0 1px 3px rgba(0, 0, 0, .3);--list-pane-bg: #020617;--list-pane-header-bg: linear-gradient(180deg, #071025 0%, #020617 100%);--list-pane-border: rgba(148, 163, 184, .06);--split-pane-min-width: 280px;--split-pane-max-width: 400px;--split-pane-default-width: 320px;--split-divider-width: 4px;--workspace-header-height: 52px;--focus-mode-transition: .25s cubic-bezier(.4, 0, .2, 1);--split-divider-glow: rgba(59, 130, 246, .3);--product-nav-width: 56px;--product-nav-mobile-height: 60px;--context-pane-width: 260px;--context-pane-width-tablet: 220px;--nav-primary-opacity: 1;--nav-primary-weight: var(--font-weight-medium);--nav-secondary-opacity: .85;--nav-secondary-weight: var(--font-weight-normal);--nav-tertiary-opacity: .7;--nav-tertiary-weight: var(--font-weight-normal);--nav-tertiary-font-size: var(--font-size-sm);--time-urgent-color: var(--color-error);--time-recent-color: var(--color-warning);--time-normal-color: var(--color-text-secondary);--time-old-color: var(--color-text-tertiary);--chip-bg: var(--color-bg-tertiary);--chip-text: var(--color-text-secondary);--chip-border-radius: var(--radius-full);--chip-padding-x: var(--spacing-sm);--chip-padding-y: var(--spacing-2xs);--chip-font-size: var(--font-size-xs);--chip-incident-bg: var(--color-error-surface);--chip-incident-text: var(--color-error);--chip-success-bg: var(--color-success-surface);--chip-success-text: var(--color-success);--chip-info-bg: var(--color-info-surface);--chip-info-text: var(--color-info);--primary-hsl: 239, 84%, 67%;--primary-600: hsl(var(--primary-hsl));--primary-700: hsl(239, 84%, 57%);--primary-500: hsl(239, 84%, 77%);--font-size-fluid-body: clamp(.875rem, .85rem + .15vw, 1rem);--font-size-fluid-heading: clamp(1.5rem, 1.25rem + 1vw, 2rem);--font-size-fluid-subheading: clamp(1.125rem, 1rem + .5vw, 1.375rem);--font-size-fluid-caption: clamp(.75rem, .7rem + .1vw, .875rem);--space-fluid-2xs: clamp(.25rem, .2rem + .25vw, .375rem);--space-fluid-xs: clamp(.5rem, .4rem + .5vw, .75rem);--space-fluid-sm: clamp(.75rem, .6rem + .75vw, 1rem);--space-fluid-md: clamp(1rem, .8rem + 1vw, 1.5rem);--space-fluid-lg: clamp(1.5rem, 1.2rem + 1.5vw, 2.25rem);--space-fluid-xl: clamp(2rem, 1.5rem + 2.5vw, 3rem);--elevation-none: none;--elevation-xs: 0 1px 2px rgba(0, 0, 0, .08);--elevation-sm: 0 2px 4px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--elevation-md: 0 4px 8px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .08);--elevation-lg: 0 8px 16px rgba(0, 0, 0, .15), 0 4px 8px rgba(0, 0, 0, .1);--elevation-xl: 0 16px 32px rgba(0, 0, 0, .2), 0 8px 16px rgba(0, 0, 0, .12);--hover-lift: translateY(-4px);--hover-lift-sm: translateY(-2px);--active-press: translateY(0) scale(.98);--focus-ring-width: 3px;--focus-ring-offset: 2px;--focus-ring-style: 0 0 0 var(--focus-ring-width) var(--color-primary-alpha);--timing-hover: .2s ease;--timing-active: .1s ease;--timing-focus: .15s ease-out;--timing-enter: .25s cubic-bezier(.4, 0, .2, 1);--timing-exit: .2s cubic-bezier(.4, 0, 1, 1);--card-bg: var(--color-bg-secondary);--card-border: var(--color-border-default);--card-border-hover: var(--glass-border-strong);--card-shadow: var(--elevation-sm);--card-shadow-hover: var(--elevation-lg);--card-radius: var(--radius-lg);--card-padding: var(--space-fluid-md);--card-hover-lift: translateY(-2px);--card-hover-transition: transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);--card-glow-gradient: radial-gradient( ellipse at 50% 0%, rgba(59, 130, 246, .06) 0%, transparent 70% );--card-glow-gradient-light: radial-gradient( ellipse at 50% 0%, rgba(59, 130, 246, .03) 0%, transparent 70% );--card-glow-transition: opacity .3s ease;--duration-spin: .8s;--spinner-size-sm: 14px;--spinner-size-md: 20px;--spinner-size-lg: 32px;--spinner-border-width: 2px;--opacity-disabled: .5;--cursor-disabled: not-allowed;--focus-outline-width: 2px;--focus-outline-offset: 2px;--focus-outline-color: var(--color-primary);--focus-outline: var(--focus-outline-width) solid var(--focus-outline-color);--btn-radius: var(--radius-full);--btn-padding-x: var(--space-fluid-md);--btn-padding-y: var(--space-fluid-xs);--btn-font-weight: 600;--grid-gap: var(--space-fluid-md);--grid-min-col-width: 280px;--border-color: var(--color-border-default);--color-border: var(--color-border-default);--bg-primary: var(--color-bg-primary);--bg-secondary: var(--color-bg-secondary);--bg-tertiary: var(--color-bg-tertiary);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--text-tertiary: var(--color-text-tertiary);--border-radius-full: var(--radius-full);--color-background: var(--color-bg-primary);--color-surface: var(--color-bg-secondary);--color-bg-elevated: var(--color-bg-secondary);--color-info-bg: rgba(59, 130, 246, .1);--color-info-rgb: 59, 130, 246;--color-warning-bg: rgba(245, 158, 11, .1);--color-warning-light: rgba(245, 158, 11, .3);--color-warning-dark: #d97706;--color-error-light: rgba(244, 63, 94, .3);--color-success-light: rgba(16, 185, 129, .3);--color-primary-glow: rgba(59, 130, 246, .4);--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--space-sm: var(--spacing-sm);--space-md: var(--spacing-md);--space-lg: var(--spacing-lg);--transition-normal: .2s ease;--color-primary-rgb: 59, 130, 246;--color-primary-alpha-50: rgba(59, 130, 246, .5);--color-primary-alpha-5: rgba(59, 130, 246, .05);--color-danger: var(--color-error);--color-surface-hover: var(--color-bg-hover);--color-success-muted: rgba(16, 185, 129, .15);--color-info-muted: rgba(59, 130, 246, .15);--surface-elevated: var(--color-bg-secondary);--border-color-subtle: rgba(148, 163, 184, .06);--spacing-xxs: 2px;--spacing-3xs: 2px;--space-xs: var(--spacing-xs);--space-2xs: var(--spacing-2xs);--font-size-3xs: .625rem;--input-bg: var(--color-input-bg, var(--color-bg-tertiary));--input-border: var(--color-input-border, var(--color-border-default));--input-focus-border: var(--color-primary);--input-text: var(--color-text-primary);--color-text-quaternary: var(--color-text-tertiary);--color-error-text: var(--color-error);--color-primary-subtle: var(--color-primary-alpha-10);--color-border-hover: rgba(148, 163, 184, .2);--color-accent-purple: #8b5cf6;--spacing-xxl: 3rem;--color-terminal-bg: #1a1a2e;--color-terminal-foreground: #e2e8f0;--color-terminal-info: #60a5fa;--color-terminal-warning: #fbbf24;--color-terminal-error: #f87171;--border-radius-sm: var(--radius-sm);--border-radius-md: var(--radius-md);--border-radius-lg: var(--radius-lg);--color-text-muted: var(--color-text-tertiary);--color-text-disabled: rgba(255, 255, 255, .25);--color-text-on-primary: #ffffff;--color-primary-surface: rgba(59, 130, 246, .08);--color-error-bg: rgba(244, 63, 94, .1);--color-error-alpha: rgba(244, 63, 94, .15);--color-success-bg: rgba(16, 185, 129, .1);--color-success-alpha: rgba(16, 185, 129, .15);--color-warning-muted: rgba(245, 158, 11, .15);--color-error-rgb: 244, 63, 94;--color-success-rgb: 16, 185, 129;--color-warning-rgb: 245, 158, 11}[data-theme=light]{--color-bg-primary: #f8fafc;--color-bg-secondary: #ffffff;--color-bg-tertiary: #f1f5f9;--color-bg-hover: rgba(0, 0, 0, .04);--color-bg-active: rgba(99, 102, 241, .1);--color-bg-pressed: rgba(0, 0, 0, .06);--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-tertiary: #5b6776;--color-text-inverse: #f8fafc;--color-text-header: #0f172a;--color-placeholder: #94a3b8;--color-primary-muted: rgba(99, 102, 241, .08);--color-primary-active: #4338ca;--color-primary-alpha: rgba(99, 102, 241, .12);--color-success-surface: rgba(16, 185, 129, .08);--color-warning-surface: rgba(245, 158, 11, .08);--color-error-surface: rgba(244, 63, 94, .08);--color-info-surface: rgba(14, 165, 233, .08);--color-brand-pagerduty-surface: rgba(6, 172, 56, .08);--color-brand-pagerduty-border: rgba(6, 172, 56, .25);--color-brand-slack-surface: rgba(74, 21, 75, .08);--color-brand-slack-border: rgba(74, 21, 75, .25);--color-brand-teams-surface: rgba(80, 89, 201, .08);--color-brand-teams-border: rgba(80, 89, 201, .25);--color-brand-grafana-surface: rgba(244, 104, 0, .08);--color-brand-grafana-border: rgba(244, 104, 0, .25);--color-success: #0a7d56;--color-destructive: #b91c1c;--color-destructive-hover: #991b1b;--color-destructive-active: #7f1d1d;--color-destructive-surface: rgba(185, 28, 28, .08);--color-destructive-border: rgba(185, 28, 28, .3);--gradient-login-bg: radial-gradient( circle at 50% 50%, rgba(15, 23, 42, .25) 0%, rgba(15, 23, 42, .1) 35%, transparent 65% ), linear-gradient(180deg, #f8fafc 0%, #e2e8f0 100%);--gradient-login-container: #ffffff;--gradient-bg-page-header: linear-gradient(180deg, #f8faff 0%, #f2f6fd 100%);--color-accent-violet: #7c3aed;--color-accent-violet-hover: #6d28d9;--gradient-brand: linear-gradient(135deg, #4a9eff 0%, #7c3aed 100%);--gradient-brand-hover: linear-gradient(135deg, #60b0ff 0%, #8b5cf6 100%);--color-placeholder: #64748b;--color-doc-investigation: #7c3aed;--color-doc-investigation-surface: rgba(139, 92, 246, .1);--color-doc-rca: #2563eb;--color-doc-rca-surface: rgba(59, 130, 246, .1);--color-doc-runbook: #059669;--color-doc-runbook-surface: rgba(16, 185, 129, .1);--color-doc-postmortem: #ea580c;--color-doc-postmortem-surface: rgba(249, 115, 22, .1);--color-doc-timeline: #db2777;--color-doc-timeline-surface: rgba(236, 72, 153, .1);--color-doc-notes: #475569;--color-doc-notes-surface: rgba(100, 116, 139, .1);--color-border-default: #e2e8f0;--color-border-subtle: #f1f5f9;--color-border-strong: #cbd5e1;--color-surface-elevated: #ffffff;--color-overlay: rgba(15, 23, 42, .5);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .12);--shadow-subtle: 0 4px 6px -1px rgba(0, 0, 0, .05);--user-status-authenticated-bg: rgba(99, 102, 241, .1);--user-status-authenticated-border: rgba(99, 102, 241, .2);--user-status-authenticated-hover: rgba(99, 102, 241, .15);--message-bot-bg-start: #ffffff;--message-bot-bg-end: #f8fafc;--message-bot-border: #e2e8f0;--message-bot-text: #0f172a;--admin-sidebar-bg: #f8fafc;--admin-toggle-border: #e2e8f0;--admin-toggle-border-hover: #cbd5e1;--admin-search-bg: #ffffff;--admin-dropdown-header-bg: #f1f5f9;--color-input-bg: #ffffff;--color-input-border: var(--color-border-strong);--color-input-bg-focus: rgba(99, 102, 241, .05);--color-form-section-bg: #f8fafc;--color-hover-overlay: rgba(0, 0, 0, .03);--input-glow-focus: 0 0 0 3px var(--color-primary-alpha), 0 4px 8px -2px rgba(0, 0, 0, .1);--color-scrollbar-track: rgba(0, 0, 0, .05);--color-scrollbar-thumb: rgba(99, 102, 241, .3);--color-scrollbar-thumb-hover: rgba(99, 102, 241, .5);--pricing-highlight-bg: var(--color-bg-secondary);--pricing-currency-color: var(--color-text-secondary);--pricing-amount-color: var(--color-text-primary);--pricing-tier-free-bg: var(--color-bg-tertiary);--pricing-tier-standard-bg: rgba(59, 130, 246, .06);--pricing-tier-professional-bg: rgba(168, 85, 247, .06);--pricing-tier-enterprise-bg: rgba(251, 191, 36, .06);--color-timing-context: #e65100;--color-timing-mcp: #1565c0;--color-timing-ttft: #558b2f;--color-timing-llm: #2e7d32;--color-status-healthy: #2e7d32;--color-status-degraded: #e65100;--color-status-down: #c62828;--heatmap-low: rgba(74, 158, 255, .15);--heatmap-medium: rgba(74, 158, 255, .35);--heatmap-high: rgba(74, 158, 255, .6);--heatmap-max: #1976d2;--alert-warning-bg: rgba(255, 152, 0, .08);--alert-error-bg: rgba(244, 67, 54, .08);--alert-info-bg: rgba(33, 150, 243, .08);--alert-recovery-bg: rgba(76, 175, 80, .08);--badge-active-bg: rgba(16, 185, 129, .1);--badge-active-text: #059669;--badge-active-border: rgba(16, 185, 129, .2);--badge-inactive-bg: rgba(100, 116, 139, .1);--badge-inactive-text: #475569;--badge-inactive-border: rgba(100, 116, 139, .2);--badge-pending-bg: rgba(245, 158, 11, .1);--badge-pending-text: #d97706;--badge-pending-border: rgba(245, 158, 11, .2);--badge-error-bg: rgba(239, 68, 68, .1);--badge-error-text: #dc2626;--badge-error-border: rgba(239, 68, 68, .2);--badge-super-admin-bg: rgba(168, 85, 247, .1);--badge-super-admin-text: #7c3aed;--badge-super-admin-border: rgba(168, 85, 247, .2);--badge-global-admin-bg: rgba(59, 130, 246, .1);--badge-global-admin-text: #2563eb;--badge-global-admin-border: rgba(59, 130, 246, .2);--badge-tenant-admin-bg: rgba(6, 182, 212, .1);--badge-tenant-admin-text: #0891b2;--badge-tenant-admin-border: rgba(6, 182, 212, .2);--badge-user-bg: rgba(100, 116, 139, .1);--badge-user-text: #475569;--badge-user-border: rgba(100, 116, 139, .2);--tooltip-bg: #ffffff;--tooltip-border: #e2e8f0;--tooltip-text: #334155;--tooltip-label: #0f172a;--brush-bg: #f1f5f9;--chart-color-1: #4f46e5;--chart-color-2: #0891b2;--chart-color-3: #059669;--chart-color-4: #d97706;--chart-color-5: #dc2626;--chart-color-6: #7c3aed;--chart-color-7: #0d9488;--chart-color-8: #db2777;--chart-grid-color: rgba(71, 85, 105, .12);--chart-donut-bg: #e2e8f0;--chart-area-fill-opacity: .15;--elevation-card: 0 1px 3px rgba(0, 0, 0, .06), 0 4px 6px rgba(0, 0, 0, .04);--elevation-card-hover: 0 4px 12px rgba(0, 0, 0, .08), 0 8px 24px rgba(0, 0, 0, .06);--elevation-card-active: 0 1px 2px rgba(0, 0, 0, .04);--elevation-dropdown: 0 10px 40px rgba(0, 0, 0, .12), 0 0 0 1px rgba(0, 0, 0, .05);--elevation-modal: 0 20px 60px rgba(0, 0, 0, .15);--glass-bg: rgba(99, 102, 241, .05);--glass-bg-strong: rgba(99, 102, 241, .08);--glass-border: rgba(99, 102, 241, .12);--glass-border-strong: rgba(99, 102, 241, .2);--hero-gradient-start: rgba(99, 102, 241, .06);--hero-gradient-end: rgba(99, 102, 241, .01);--hero-glow-color: rgba(99, 102, 241, .2);--skeleton-base: #e2e8f0;--skeleton-shine: #f1f5f9;--scrollbar-track: rgba(0, 0, 0, .05);--scrollbar-thumb: rgba(99, 102, 241, .3);--scrollbar-thumb-hover: rgba(99, 102, 241, .5);--status-badge-error-border: rgba(244, 63, 94, .25);--status-badge-warning-border: rgba(217, 119, 6, .25);--status-badge-success-border: rgba(5, 150, 105, .25);--status-badge-info-border: rgba(2, 132, 199, .25);--score-glow-excellent: 0 0 20px rgba(16, 185, 129, .25);--score-glow-good: 0 0 20px rgba(34, 197, 94, .25);--score-glow-fair: 0 0 20px rgba(245, 158, 11, .25);--score-glow-poor: 0 0 20px rgba(249, 115, 22, .25);--score-glow-critical: 0 0 20px rgba(244, 63, 94, .25);--hero-score-glow-excellent: 0 0 40px rgba(16, 185, 129, .2), 0 0 80px rgba(16, 185, 129, .1);--hero-score-glow-good: 0 0 40px rgba(34, 197, 94, .2), 0 0 80px rgba(34, 197, 94, .1);--hero-score-glow-fair: 0 0 40px rgba(245, 158, 11, .2), 0 0 80px rgba(245, 158, 11, .1);--hero-score-glow-poor: 0 0 40px rgba(249, 115, 22, .2), 0 0 80px rgba(249, 115, 22, .1);--hero-score-glow-critical: 0 0 40px rgba(244, 63, 94, .2), 0 0 80px rgba(244, 63, 94, .1);--finding-critical-bg: rgba(220, 38, 38, .12);--finding-critical-text: #dc2626;--finding-critical-border: rgba(220, 38, 38, .25);--finding-high-bg: rgba(234, 88, 12, .12);--finding-high-text: #ea580c;--finding-high-border: rgba(234, 88, 12, .25);--finding-medium-bg: rgba(217, 119, 6, .12);--finding-medium-text: #d97706;--finding-medium-border: rgba(217, 119, 6, .25);--finding-low-bg: rgba(37, 99, 235, .12);--finding-low-text: #2563eb;--finding-low-border: rgba(37, 99, 235, .25);--finding-info-bg: rgba(71, 85, 105, .12);--finding-info-text: #475569;--finding-info-border: rgba(71, 85, 105, .25);--category-security: #dc2626;--category-security-bg: rgba(220, 38, 38, .1);--category-compliance: #0284c7;--category-compliance-bg: rgba(2, 132, 199, .1);--category-maturity: #059669;--category-maturity-bg: rgba(5, 150, 105, .1);--category-reliability: #d97706;--category-reliability-bg: rgba(217, 119, 6, .1);--posture-score-excellent: #059669;--posture-score-good: #16a34a;--posture-score-fair: #d97706;--posture-score-poor: #ea580c;--posture-score-critical: #dc2626;--severity-critical-glow: 0 0 12px rgba(220, 38, 38, .25), 0 0 24px rgba(220, 38, 38, .12);--severity-high-glow: 0 0 10px rgba(234, 88, 12, .2);--severity-medium-glow: 0 0 8px rgba(245, 158, 11, .15);--row-urgent-bg: linear-gradient(90deg, rgba(220, 38, 38, .06) 0%, transparent 100%);--row-high-bg: linear-gradient(90deg, rgba(234, 88, 12, .04) 0%, transparent 100%);--chip-bg: var(--color-bg-tertiary);--chip-text: var(--color-text-secondary);--chip-incident-bg: rgba(220, 38, 38, .1);--chip-incident-text: #dc2626;--chip-success-bg: rgba(5, 150, 105, .1);--chip-success-text: #059669;--chip-info-bg: rgba(2, 132, 199, .1);--chip-info-text: #0284c7;--nav-bg: #f8fafc;--nav-bg-gradient: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);--nav-border: rgba(0, 0, 0, .08);--nav-item-hover-bg: rgba(0, 0, 0, .04);--nav-item-active-bg: rgba(59, 130, 246, .1);--header-bg: #f8fafc;--header-bg-gradient: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);--header-border: rgba(0, 0, 0, .08);--header-shadow: 0 1px 3px rgba(0, 0, 0, .05);--list-pane-bg: #ffffff;--list-pane-header-bg: linear-gradient(180deg, #ffffff 0%, #fafbfc 100%);--list-pane-border: rgba(0, 0, 0, .08);--elevation-xs: 0 1px 2px rgba(0, 0, 0, .04);--elevation-sm: 0 2px 4px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--elevation-md: 0 4px 8px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .05);--elevation-lg: 0 8px 16px rgba(0, 0, 0, .1), 0 4px 8px rgba(0, 0, 0, .06);--elevation-xl: 0 16px 32px rgba(0, 0, 0, .12), 0 8px 16px rgba(0, 0, 0, .08);--card-bg: var(--color-bg-secondary);--card-border: var(--color-border-strong);--card-border-hover: var(--color-primary);--card-shadow: var(--elevation-sm);--card-shadow-hover: var(--elevation-lg);--surface-glass: rgba(255, 255, 255, .7);--surface-glass-hover: rgba(255, 255, 255, .85);--surface-glass-active: rgba(255, 255, 255, .95);--rim-light: inset 0 1px 0 0 rgba(255, 255, 255, .5);--rim-light-strong: inset 0 1px 0 0 rgba(255, 255, 255, .7);--rim-light-subtle: inset 0 1px 0 0 rgba(255, 255, 255, .3);--engineering-grid: repeating-linear-gradient( 90deg, rgba(0, 0, 0, .04) 0px, rgba(0, 0, 0, .04) 1px, transparent 1px, transparent 8px );--spotlight-hover: radial-gradient( 600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%), rgba(99, 102, 241, .06), transparent 40% );--spotlight-hover-strong: radial-gradient( 600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%), rgba(99, 102, 241, .1), transparent 40% );--icon-platter-bg: linear-gradient( 135deg, var(--color-bg-tertiary) 0%, rgba(241, 245, 249, .9) 100% );--premium-glow: 0 0 20px rgba(99, 102, 241, .12);--premium-glow-subtle: 0 0 15px rgba(99, 102, 241, .08);--premium-glow-strong: 0 0 30px rgba(99, 102, 241, .16);--glow-primary: 0 0 20px rgba(99, 102, 241, .15);--glow-success: 0 0 20px rgba(16, 185, 129, .15);--glow-warning: 0 0 20px rgba(245, 158, 11, .15);--glow-error: 0 0 20px rgba(244, 63, 94, .15);--glow-info: 0 0 20px rgba(14, 165, 233, .15);--status-glow-healthy: 0 0 12px rgba(46, 125, 50, .3);--status-glow-degraded: 0 0 12px rgba(230, 81, 0, .3);--status-glow-down: 0 0 12px rgba(198, 40, 40, .3);--dashboard-bg-gradient: radial-gradient(ellipse at 15% 85%, rgba(59, 130, 246, .03) 0%, transparent 50%), radial-gradient(ellipse at 85% 15%, rgba(99, 102, 241, .02) 0%, transparent 50%);--dashboard-scanline: repeating-linear-gradient( 0deg, transparent, transparent 2px, rgba(0, 0, 0, .015) 2px, rgba(0, 0, 0, .015) 4px );--surface-obsidian: #f8fafc;--surface-obsidian-elevated: #ffffff;--surface-command: #ffffff;--surface-command-elevated: #f8fafc;--aura-success: radial-gradient(circle at 50% 0%, rgba(16, 185, 129, .08), transparent 70%);--aura-warning: radial-gradient(circle at 50% 0%, rgba(245, 158, 11, .06), transparent 70%);--aura-error: radial-gradient(circle at 50% 0%, rgba(239, 68, 68, .1), transparent 70%);--aura-primary: radial-gradient(circle at 50% 0%, rgba(99, 102, 241, .08), transparent 70%);--command-grid: linear-gradient(to right, rgba(0, 0, 0, .03) 1px, transparent 1px), linear-gradient(to bottom, rgba(0, 0, 0, .03) 1px, transparent 1px);--command-grid-size: 40px 40px;--border-premium: 1px solid rgba(0, 0, 0, .08);--border-premium-strong: 1px solid rgba(0, 0, 0, .12);--rim-light-premium: inset 0 1px 1px rgba(255, 255, 255, .6);--depth-command-surface: 0 16px 32px rgba(0, 0, 0, .1);--depth-command-elevated: 0 20px 40px rgba(0, 0, 0, .12);--depth-command-hover: 0 24px 48px rgba(0, 0, 0, .15);--text-gradient-light: linear-gradient(180deg, #0f172a 0%, rgba(15, 23, 42, .7) 100%);--text-gradient-score: linear-gradient(180deg, #0f172a 20%, rgba(15, 23, 42, .5) 100%);--color-text-obsidian-vivid: #0f172a;--color-text-obsidian-bright: rgba(15, 23, 42, .9);--color-text-obsidian-muted: rgba(15, 23, 42, .7);--color-text-obsidian-subtle: rgba(15, 23, 42, .5);--color-text-obsidian-dim: rgba(15, 23, 42, .35);--command-glass-blur: blur(12px);--command-glass-blur-light: blur(8px);--command-glass-border-full: 1px solid rgba(0, 0, 0, .08);--command-glass-border-bright-full: 1px solid rgba(0, 0, 0, .12);--command-glass-bg: rgba(255, 255, 255, .7);--command-glass-bg-hover: rgba(255, 255, 255, .85);--shadow-command: 0 8px 32px 0 rgba(0, 0, 0, .12);--shadow-command-hover: 0 12px 40px rgba(0, 0, 0, .15);--shadow-neon-primary: 0 0 20px rgba(99, 102, 241, .15);--shadow-neon-success: 0 0 20px rgba(16, 185, 129, .15);--shadow-neon-warning: 0 0 20px rgba(245, 158, 11, .15);--shadow-neon-error: 0 0 20px rgba(239, 68, 68, .15);--color-info-bg: rgba(59, 130, 246, .08);--color-warning-bg: rgba(245, 158, 11, .08);--color-warning-light: rgba(245, 158, 11, .2);--color-error-light: rgba(244, 63, 94, .2);--color-success-light: rgba(16, 185, 129, .2);--color-primary-glow: rgba(59, 130, 246, .25);--color-text-disabled: rgba(0, 0, 0, .25);--color-text-on-primary: #ffffff;--color-primary-surface: rgba(59, 130, 246, .05);--color-error-bg: rgba(244, 63, 94, .08);--color-error-alpha: rgba(244, 63, 94, .1);--color-success-bg: rgba(16, 185, 129, .08);--color-success-alpha: rgba(16, 185, 129, .1);--color-warning-muted: rgba(245, 158, 11, .1)}[data-density=compact]{--density-row-height: var(--density-row-height-compact);--density-row-padding: var(--density-row-padding-compact);--density-gap: var(--density-gap-compact);--density-font-size: var(--density-font-size-compact)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}[data-reduce-motion=true],[data-reduce-motion=true] *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}[data-high-contrast=true]{--color-text-primary: #ffffff;--color-text-secondary: #d0d0d0;--color-text-tertiary: #b0b0b0;--color-input-border: #888888;--color-bg-tertiary: #555555;--shadow-glow: 0 0 0 4px rgba(74, 158, 255, .6)}[data-high-contrast=true][data-theme=light]{--color-text-primary: #000000;--color-text-secondary: #333333;--color-text-tertiary: #555555;--color-input-border: #666666;--color-bg-tertiary: #999999}}.status-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:.25rem .625rem;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.025em;white-space:nowrap}.status-badge--failed,.status-badge--error{background:var(--color-error-surface);color:var(--color-error);border:1px solid var(--status-badge-error-border)}.status-badge--warning{background:var(--color-warning-surface);color:var(--color-warning);border:1px solid var(--status-badge-warning-border)}.status-badge--success,.status-badge--passed{background:var(--color-success-surface);color:var(--color-success);border:1px solid var(--status-badge-success-border)}.status-badge--info,.status-badge--pending{background:var(--color-info-surface);color:var(--color-info);border:1px solid var(--status-badge-info-border)}.status-badge--neutral{background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border-default)}.status-badge__icon{width:.75rem;height:.75rem;flex-shrink:0}.analysis-summary{background:linear-gradient(145deg,rgba(var(--color-bg-secondary-rgb, 30, 41, 59),.7),rgba(var(--color-bg-primary-rgb, 15, 23, 42),.9));border:1px solid rgba(255,255,255,var(--opacity-soft));border-left:6px solid var(--color-error);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);min-width:min(500px,100%);width:100%;box-shadow:var(--shadow-lg),var(--rim-light-subtle);position:relative;overflow:hidden}.analysis-summary:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top left,rgba(244,63,94,var(--opacity-light)),transparent 40%);pointer-events:none}.analysis-summary--failed{border-color:rgba(244,63,94,var(--opacity-emphasis))}.analysis-summary__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.analysis-summary__title{font-size:1.25rem;font-weight:var(--font-weight-semibold);color:var(--color-text-header);letter-spacing:-.01em;margin:0;display:flex;align-items:center;gap:var(--spacing-sm)}.analysis-summary__type{color:var(--color-text-tertiary);font-weight:var(--font-weight-medium);text-transform:uppercase;font-size:.7rem;letter-spacing:.05em;margin-top:var(--spacing-xs)}.analysis-summary__root-cause{margin:var(--spacing-md) 0}.analysis-summary__root-cause-title{color:var(--color-error);font-size:.75rem;font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em;opacity:.9;margin-bottom:var(--spacing-sm)}.analysis-summary__root-cause-list{list-style:none;padding:0;margin:0}.analysis-summary__root-cause-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);background:rgba(255,255,255,var(--opacity-subtle));margin-bottom:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);transition:background var(--transition-fast)}.analysis-summary__root-cause-item:hover{background:rgba(255,255,255,var(--opacity-light))}.analysis-summary__root-cause-item:before{content:"•";color:var(--color-error);font-weight:var(--font-weight-bold);flex-shrink:0}.action-bar{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border-subtle)}.action-bar__button{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent}.action-bar__button--primary{background:var(--color-primary);color:var(--color-on-brand);border-color:var(--color-primary)}.action-bar__button--primary:hover{background:var(--color-primary-hover)}.action-bar__button--secondary{background:transparent;color:var(--color-text-primary);border-color:var(--color-border-default)}.action-bar__button--secondary:hover{background:var(--color-bg-hover);border-color:var(--color-border-strong)}.collapsible-section{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);overflow:hidden;background:var(--color-bg-primary);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.collapsible-section:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.collapsible-section__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast);border-left:4px solid transparent;margin-left:-1px}.collapsible-section__header:hover{background:var(--color-bg-hover)}.collapsible-section--error .collapsible-section__header{border-left-color:var(--color-error);background:rgba(244,63,94,var(--opacity-subtle))}.collapsible-section--error:hover .collapsible-section__header{background:rgba(244,63,94,var(--opacity-light))}.collapsible-section--warning .collapsible-section__header{border-left-color:var(--color-warning);background:rgba(245,158,11,var(--opacity-subtle))}.collapsible-section--warning:hover .collapsible-section__header{background:rgba(245,158,11,var(--opacity-light))}.collapsible-section--info .collapsible-section__header{border-left-color:var(--color-info)}.collapsible-section__title{display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0}.collapsible-section__icon{width:1rem;height:1rem;color:var(--color-text-tertiary);transition:transform var(--transition-fast),color var(--transition-fast)}.collapsible-section__header:hover .collapsible-section__icon{color:var(--color-primary);transform:translate(2px)}.collapsible-section--expanded .collapsible-section__icon{transform:rotate(90deg)}.collapsible-section--expanded .collapsible-section__header:hover .collapsible-section__icon{transform:rotate(90deg) translateY(2px)}.collapsible-section__content{padding:var(--spacing-md);background:var(--color-bg-primary);display:none}.collapsible-section--expanded .collapsible-section__content{display:block}.collapsible-section__badge{margin-left:auto;margin-right:var(--spacing-sm)}.code-token{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-family:var(--font-family-mono);font-size:.85em;background:var(--color-bg-tertiary);color:var(--color-text-primary);padding:var(--spacing-2xs) var(--spacing-xs-sm);border-radius:var(--radius-xs);max-width:100%;overflow:hidden}.code-token__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.code-token__copy{flex-shrink:0;width:.875rem;height:.875rem;padding:0;background:transparent;border:none;color:var(--color-text-tertiary);cursor:pointer;opacity:0;transition:opacity var(--transition-fast),color var(--transition-fast)}.code-token:hover .code-token__copy{opacity:1}.code-token__copy:hover{color:var(--color-primary)}.code-token--clickable{cursor:pointer;transition:background var(--transition-fast)}.code-token--clickable:hover{background:var(--color-bg-active)}.code-token--error{background:var(--color-error-surface);color:var(--color-error)}.code-token--success{background:var(--color-success-surface);color:var(--color-success)}.code-token--warning{background:var(--color-warning-surface);color:var(--color-warning)}.meta-grid{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm)}.meta-grid__key{color:var(--color-text-tertiary);font-weight:var(--font-weight-medium);white-space:nowrap}.meta-grid__value{color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis}@media(max-width:30rem){.meta-grid{grid-template-columns:1fr;gap:var(--spacing-xs)}.meta-grid__key{margin-top:var(--spacing-sm)}.meta-grid__key:first-child{margin-top:0}}.timeline{position:relative;padding-left:var(--spacing-lg)}.timeline:before{content:"";position:absolute;left:.375rem;top:.5rem;bottom:.5rem;width:2px;background:var(--color-border-default)}.timeline__item{position:relative;padding-bottom:var(--spacing-md)}.timeline__item:last-child{padding-bottom:0}.timeline__marker{position:absolute;left:calc(-1 * var(--spacing-lg) + .125rem);top:.375rem;width:.625rem;height:.625rem;border-radius:var(--radius-full);background:var(--color-bg-tertiary);border:2px solid var(--color-border-default)}.timeline__item--error .timeline__marker{background:var(--color-error);border-color:var(--color-error)}.timeline__item--success .timeline__marker{background:var(--color-success);border-color:var(--color-success)}.timeline__item--warning .timeline__marker{background:var(--color-warning);border-color:var(--color-warning)}.timeline__time{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-bottom:var(--spacing-xs)}.timeline__content{font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:var(--line-height-normal)}.error-log-block{font-family:var(--font-family-mono);font-size:var(--font-size-xs);line-height:var(--line-height-relaxed);background:var(--terminal-bg);color:var(--terminal-text);border-radius:var(--radius-md);padding:var(--spacing-md);overflow-x:hidden;max-height:20rem;overflow-y:auto;border:1px solid var(--terminal-border)}.error-log-block__line{white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word}.error-log-block__line--error{color:var(--terminal-line-error)}.error-log-block__line--warning{color:var(--terminal-line-warning)}.error-log-block__line--info{color:var(--terminal-line-info)}.error-log-block__line--success{color:var(--terminal-line-success)}.error-log-block__line--highlight{background:var(--terminal-highlight-bg);display:block}.report-heading{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:var(--spacing-lg) 0 var(--spacing-md) 0;padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border-subtle)}.report-heading--sm{font-size:var(--font-size-base);margin:var(--spacing-md) 0 var(--spacing-sm) 0}.report-link{color:var(--color-link);text-decoration:none;transition:color var(--transition-fast)}.report-link:hover{color:var(--color-link-hover);text-decoration:underline}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}.text-success{color:var(--color-success)}.text-info{color:var(--color-info)}.text-muted{color:var(--color-text-tertiary)}.bg-error-subtle{background:var(--color-error-surface)}.bg-warning-subtle{background:var(--color-warning-surface)}.bg-success-subtle{background:var(--color-success-surface)}.bg-info-subtle{background:var(--color-info-surface)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.enhanced-bot-message{display:flex;flex-direction:column;gap:var(--spacing-md)}.enhanced-bot-message__summary,.enhanced-bot-message__intro{margin-bottom:var(--spacing-sm)}.enhanced-bot-message__section--expanded{margin-bottom:var(--spacing-md)}.enhanced-bot-message__section-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border-subtle)}.enhanced-bot-message__section-title svg{width:1.25rem;height:1.25rem;color:var(--color-text-secondary);flex-shrink:0}.collapsible-section__title-icon{display:flex;align-items:center;color:var(--color-text-secondary)}.collapsible-section__title-icon svg{width:1rem;height:1rem}.collapsible-section__header{border:none;width:100%;text-align:left}.collapsible-section__content{border-top:1px solid var(--color-border-subtle)}.collapsible-section__content p{margin:0 0 var(--spacing-sm) 0}.collapsible-section__content p:last-child{margin-bottom:0}.collapsible-section__content ul,.collapsible-section__content ol{margin:0 0 var(--spacing-sm) 0;padding-left:var(--spacing-lg)}.collapsible-section__content li{margin-bottom:var(--spacing-xs)}.collapsible-section__content li:last-child{margin-bottom:0}.collapsible-section[class*=root-cause] .collapsible-section__header,.collapsible-section[class*=summary] .collapsible-section__header{background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg-tertiary) 100%)}[data-theme=light] .collapsible-section{border-color:var(--color-border-default)}[data-theme=light] .collapsible-section__header{background:var(--color-bg-tertiary)}[data-theme=light] .collapsible-section__header:hover{background:var(--color-bg-secondary)}[data-theme=light] .analysis-summary{background:var(--color-bg-tertiary);border-color:var(--color-border-default)}.root-cause-card{background:linear-gradient(135deg,#f43f5e0a,#f43f5e05);border-left:4px solid var(--color-error);border:1px solid rgba(244,63,94,var(--opacity-strong));border-left-width:4px;padding:var(--spacing-md) var(--spacing-lg);margin:var(--spacing-md) 0;border-radius:var(--radius-md);box-shadow:0 2px 8px rgba(244,63,94,var(--opacity-soft)),inset 0 1px rgba(255,255,255,var(--opacity-light));position:relative}.root-cause-card__title{color:var(--color-error);text-transform:uppercase;font-weight:var(--font-weight-bold);font-size:var(--font-size-xs);letter-spacing:.05em;margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-xs)}.root-cause-card__title-icon{width:1rem;height:1rem}.root-cause-card__list{list-style:none;padding:0;margin:0}.root-cause-card__item{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;color:var(--color-text-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal)}.root-cause-card__item-icon{color:var(--color-error);flex-shrink:0;margin-top:2px}.root-cause-card__item-icon svg{width:.875rem;height:.875rem}[data-theme=light] .root-cause-card{background:linear-gradient(135deg,#f43f5e0f,#f43f5e08);border-color:rgba(244,63,94,var(--opacity-emphasis));box-shadow:0 2px 8px #f43f5e0f,inset 0 1px #fffc}.tech-token{font-family:var(--font-family-mono);background:var(--color-bg-tertiary);color:var(--color-text-primary);padding:var(--spacing-2xs) var(--spacing-sm);border-radius:var(--radius-xs);font-size:.85em;border:1px solid var(--color-border-default);display:inline-flex;align-items:center;gap:var(--spacing-xs-sm);cursor:pointer;transition:all var(--transition-fast);max-width:100%}.tech-token:hover{background:var(--color-bg-hover);border-color:var(--color-border-strong)}.tech-token__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tech-token__copy-icon{width:.75rem;height:.75rem;opacity:0;color:var(--color-text-tertiary);transition:opacity var(--transition-fast);flex-shrink:0}.tech-token:hover .tech-token__copy-icon{opacity:1}.tech-token--copied{background:var(--color-success-surface)!important;border-color:var(--color-success)!important;color:var(--color-success)!important}.tech-token--hash{font-size:.8em;letter-spacing:.02em}.tech-token--branch{color:var(--color-info)}.tech-token--error{background:var(--color-error-surface);border-color:var(--status-badge-error-border);color:var(--color-error)}[data-theme=light] .tech-token{background:var(--color-bg-tertiary);border-color:var(--color-border-default)}[data-theme=light] .tech-token:hover{background:var(--color-bg-hover);border-color:var(--color-border-strong)}.log-terminal{background:var(--terminal-bg);color:var(--terminal-text);font-family:var(--font-family-mono);border-radius:var(--radius-md);font-size:var(--font-size-xs);line-height:1.6;overflow:hidden;border:1px solid var(--terminal-border);margin:var(--spacing-sm) 0;box-shadow:var(--shadow-sm)}.log-terminal__header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);background:var(--terminal-bg-header);border-bottom:1px solid var(--terminal-border);color:var(--terminal-text-muted);font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-widest);font-weight:var(--font-weight-medium)}.log-terminal__header-icon{width:var(--width-icon-xs);height:var(--width-icon-xs);color:var(--terminal-text-muted)}.log-terminal__header-title{flex:1}.log-terminal__header-actions{display:flex;gap:var(--spacing-xs)}.log-terminal__copy-btn{background:transparent;border:none;color:var(--terminal-text-muted);cursor:pointer;padding:var(--spacing-2xs) var(--spacing-xs-sm);border-radius:var(--radius-xs);font-size:var(--font-size-2xs);text-transform:uppercase;transition:all var(--transition-fast)}.log-terminal__copy-btn:hover{background:var(--terminal-border);color:var(--terminal-text)}.log-terminal__body{padding:var(--spacing-md);overflow-x:hidden;max-height:20rem;overflow-y:auto}.log-terminal__body::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}.log-terminal__body::-webkit-scrollbar-track{background:var(--terminal-scrollbar-track)}.log-terminal__body::-webkit-scrollbar-thumb{background:var(--terminal-scrollbar-thumb);border-radius:var(--radius-xs)}.log-terminal__body::-webkit-scrollbar-thumb:hover{background:var(--terminal-scrollbar-thumb-hover)}[data-theme=light] .log-terminal{background:var(--terminal-bg);color:var(--terminal-text);border-color:var(--terminal-border)}[data-theme=light] .log-terminal__header{background:var(--terminal-bg-header);border-color:var(--terminal-border)}.log-terminal__line{white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;display:block}.log-terminal__body pre,.message-content .log-terminal__body pre,[data-theme=light] .message-content .log-terminal__body pre{background:transparent!important;background-color:transparent!important;margin:0;padding:0;border:none;border-radius:0;box-shadow:none;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;overflow:visible}.log-terminal__line--error{color:var(--terminal-line-error);background:rgba(241,76,76,var(--opacity-medium))}.log-terminal__line--warning{color:var(--terminal-line-warning)}.log-terminal__line--info{color:var(--terminal-line-info)}.log-terminal__line--success{color:var(--terminal-line-success)}.log-terminal__line--highlight{background:var(--terminal-highlight-bg)}.collapsible-section__summary{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-left:var(--spacing-sm);font-weight:var(--font-weight-normal);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.collapsible-section__count{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 var(--spacing-xs);background:var(--color-bg-tertiary);color:var(--color-text-secondary);border-radius:var(--radius-full);font-size:.7rem;font-weight:var(--font-weight-medium);margin-left:var(--spacing-xs)}.collapsible-section__count--error{background:var(--color-error-surface);color:var(--color-error)}.collapsible-section__count--warning{background:var(--color-warning-surface);color:var(--color-warning)}.analysis-summary__root-cause-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;color:var(--color-text-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal)}.analysis-summary__root-cause-item:before{content:"";display:none}.analysis-summary__root-cause-icon{color:var(--color-error);flex-shrink:0;margin-top:2px}.analysis-summary__root-cause-icon svg{width:1rem;height:1rem}.analysis-summary__identifier{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-secondary);background:var(--color-bg-tertiary);padding:var(--spacing-2xs) var(--spacing-xs-sm);border-radius:var(--radius-xs);margin-left:var(--spacing-xs)}.message-bubble.bot code:not([class]),.enhanced-bot-message code:not([class]),.analysis-report code:not([class]){background:transparent;padding:0;color:var(--color-text-primary);font-weight:var(--font-weight-medium, 500);font-size:.9em}@layer reset{*{margin:0;padding:0;box-sizing:border-box}}@layer base{html{font-size:16px;height:100vh;height:100dvh}body{font-family:var(--font-family-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:var(--line-height-normal);min-height:100vh;min-height:100dvh}html{scrollbar-width:thin;scrollbar-color:var(--color-scrollbar-thumb) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:var(--radius-xs, 4px)}::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-thumb-hover)}code{font-family:var(--font-family-mono);background-color:var(--color-bg-secondary);padding:var(--spacing-2xs) var(--spacing-xs-sm);border-radius:var(--radius-sm);font-size:.9em}:focus{outline:none}:focus-visible{outline:var(--focus-ring-width, 2px) solid var(--focus-ring-color, var(--color-primary));outline-offset:var(--focus-ring-offset, 2px)}button:focus-visible,[role=button]:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:var(--focus-ring-width, 2px) solid var(--focus-ring-color, var(--color-primary));outline-offset:var(--focus-ring-offset, 2px)}.focus-ring:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-primary);color:var(--color-on-brand);padding:var(--spacing-sm) var(--spacing-base);z-index:var(--z-tooltip);transition:top var(--transition-fast)}.skip-link:focus{top:0}}@layer overrides{@media(forced-colors:active){button,[role=button],a{border:2px solid currentColor}:focus-visible{outline:3px solid Highlight;outline-offset:2px}}}