:root,[data-theme=light]{--color-bg:#f5f5f5;--color-bg-primary:#fff;--color-bg-secondary:#fafafa;--color-bg-elevated:#fff;--color-bg-hover:#f0f0f0;--color-text:#333;--color-text-secondary:#555;--color-text-muted:#888;--color-text-faint:#999;--color-text-inverse:#fff;--color-border:#e0e0e0;--color-border-light:#eee;--color-border-subtle:#f0f0f0;--color-border-focus:#1a73e8;--color-accent:#1a73e8;--color-accent-hover:#1565c0;--color-accent-bg:#e8f0fe;--color-accent-text:#1a73e8;--color-success:#73bf69;--color-warning:#ff9830;--color-error:#e74c3c;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 4px 16px #0000001f;--color-chart-grid:#000a1717;--color-chart-axis:#24292ebf;--color-chart-track:#000a171f;--color-severity-critical:#e02f44;--color-severity-error:#e02f44;--color-severity-warn:#ff9830;--color-severity-info:#3274d9;--color-severity-ok:#73bf69;--color-severity-debug:#8f3bb8;--color-severity-trace:#6e40aa}[data-theme=dark]{--color-bg:#111217;--color-bg-primary:#1a1b21;--color-bg-secondary:#22242b;--color-bg-elevated:#2a2c35;--color-bg-hover:#2e303a;--color-text:#e0e2e8;--color-text-secondary:#b0b5bf;--color-text-muted:#8b919d;--color-text-faint:#5f6672;--color-text-inverse:#111217;--color-border:#2e303a;--color-border-light:#252730;--color-border-subtle:#222430;--color-border-focus:#4d8ce8;--color-accent:#4d8ce8;--color-accent-hover:#6ba1f0;--color-accent-bg:#4d8ce826;--color-accent-text:#6ba1f0;--color-success:#73bf69;--color-warning:#ff9830;--color-error:#f25c54;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 4px 16px #00000080;--color-chart-grid:#f0faff17;--color-chart-axis:#ccccdca6;--color-chart-track:#f0faff1f;--color-severity-critical:#e02f44;--color-severity-error:#e02f44;--color-severity-warn:#ff9830;--color-severity-info:#3274d9;--color-severity-ok:#73bf69;--color-severity-debug:#8f3bb8;--color-severity-trace:#6e40aa}*,:before,:after{box-sizing:border-box}body{color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-feature-settings:"kern" 1, "liga" 1;font-kerning:normal;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5}#root{min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes overlay-slide-down{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes overlay-scale-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}html:not(.animations-enabled) :not(.presence-animation),html:not(.animations-enabled) :not(.presence-animation):before,html:not(.animations-enabled) :not(.presence-animation):after{animation-duration:0s!important}.popover{display:inline-flex;position:relative}.popover__trigger{cursor:pointer}.popover__content{z-index:1100;background:var(--color-bg-elevated);border:1px solid var(--color-border);box-shadow:var(--shadow-md);border-radius:6px;min-width:140px;animation:.15s ease-out overlay-slide-down;position:fixed}.segmented-control{border:1px solid var(--color-border);border-radius:4px;gap:0;height:36px;display:inline-flex;overflow:hidden}.segmented-control--full-width{display:flex}.segmented-control--full-width .segmented-control__btn{flex:1}.segmented-control__btn{background:var(--color-bg-primary);cursor:pointer;color:var(--color-text-secondary);border:none;border-right:1px solid var(--color-border);justify-content:center;align-items:center;gap:.25rem;padding:0 .5rem;font-size:.75rem;transition:color .15s,background-color .15s;display:flex}.segmented-control__btn:last-child{border-right:none}.segmented-control__btn:hover:not(.segmented-control__btn--active){background:var(--color-bg-hover)}.segmented-control__btn--active{background:var(--color-accent-bg);color:var(--color-accent-text)}.app-header{background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);z-index:450;flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 1.25rem;display:flex;position:relative}.app-header__left{align-items:center;display:flex}.app-header__logo{color:var(--color-accent);letter-spacing:-.02em;font-size:1rem;font-weight:700}.app-header__nav{align-items:center;gap:2px;margin-left:1.5rem;display:flex}.app-header__nav-group{position:relative}.app-header__nav-link{color:var(--color-text-secondary);border-radius:4px;align-items:center;gap:6px;padding:.375rem .75rem;font-size:.8rem;font-weight:500;transition:color .15s,background .15s;display:flex}.app-header__nav-link:hover{color:var(--color-text);background:var(--color-bg-hover)}.app-header__nav-link--active{color:var(--color-accent-text);background:var(--color-accent-bg)}.app-header__nav-link--active:hover{color:var(--color-accent-text)}@media (width<=999px){.app-header__nav-label{display:none}.app-header__nav-link{padding:.375rem .5rem}.app-header__logo{width:24px;font-size:0}}.app-header__nav-dropdown{background:var(--color-bg-primary);border:1px solid var(--color-border);opacity:0;pointer-events:none;border-radius:6px;min-width:180px;padding:4px 0;transition:opacity .15s,transform .15s;position:absolute;top:100%;left:0;transform:translateY(-4px);box-shadow:0 4px 12px #0000001f}.app-header__nav-group:hover .app-header__nav-dropdown{opacity:1;pointer-events:auto;transform:translateY(0)}.app-header__nav-dropdown-item{color:var(--color-text-secondary);white-space:nowrap;padding:.4rem .875rem;font-size:.8rem;transition:color .15s,background .15s;display:block}.app-header__nav-dropdown-item:hover{background:var(--color-bg-hover);color:var(--color-text)}.app-header__nav-dropdown-item--active{color:var(--color-accent-text)}.app-header__right{align-items:center;display:flex}.app-header__user{position:relative}.app-header__avatar{background:var(--color-accent);width:32px;height:32px;color:var(--color-text-inverse);cursor:pointer;letter-spacing:.02em;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;font-weight:600;transition:background .15s;display:flex}.app-header__avatar:hover{background:var(--color-accent-hover)}.app-header__menu{min-width:200px;padding:.5rem 0}.app-header__menu-info{flex-direction:column;gap:.125rem;padding:.5rem 1rem;display:flex}.app-header__menu-name{color:var(--color-text);font-size:.85rem;font-weight:600}.app-header__menu-email{color:var(--color-text-muted);font-size:.75rem}.app-header__menu-role{color:var(--color-accent-text);text-transform:uppercase;letter-spacing:.04em;margin-top:.125rem;font-size:.65rem}.app-header__menu-section{padding:.375rem 1rem}.app-header__menu-section-label{color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.375rem;font-size:.65rem;font-weight:600;display:block}.app-header__menu-divider{background:var(--color-border-light);height:1px;margin:.375rem 0}.app-header__menu-item{color:var(--color-text-secondary);cursor:pointer;padding:.5rem 1rem;font-size:.8rem;text-decoration:none;transition:color .15s,background .15s;display:block}.app-header__menu-toggle{color:var(--color-text-secondary);cursor:pointer;align-items:center;gap:.5rem;font-size:.8rem;display:flex}.app-header__menu-item:hover{background:var(--color-bg-hover);color:var(--color-text)}.command-palette__backdrop{z-index:1000;background:#0006;position:fixed;inset:0}.command-palette__dialog{background:var(--color-bg-primary);border:1px solid var(--color-border);z-index:1000;border-radius:6px;flex-direction:column;width:560px;max-height:420px;animation:.12s ease-out command-palette-in;display:flex;position:fixed;top:20%;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 16px 48px #0003}@keyframes command-palette-in{0%{opacity:0;transform:translate(-50%)scale(.96)}to{opacity:1;transform:translate(-50%)scale(1)}}.command-palette__input-wrapper{border-bottom:1px solid var(--color-border);align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.command-palette__search-icon{color:var(--color-text-muted);flex-shrink:0}.command-palette__input{color:var(--color-text);background:0 0;border:none;outline:none;flex:1;padding:.25rem 0;font-size:.9rem}.command-palette__input::placeholder{color:var(--color-text-faint)}.command-palette__kbd{color:var(--color-text-faint);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:3px;padding:.1rem .35rem;font-family:inherit;font-size:.65rem;line-height:1}.command-palette__list{padding:.25rem 0;overflow-y:auto}.command-palette__empty{text-align:center;color:var(--color-text-faint);padding:1rem;font-size:.75rem}.command-palette__group{padding:.25rem 0}.command-palette__group-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;padding:.25rem .75rem;font-size:.65rem;font-weight:600}.command-palette__item{cursor:pointer;color:var(--color-text);border-radius:0;justify-content:space-between;align-items:center;padding:.25rem .75rem;font-size:.75rem;display:flex}.command-palette__item--highlighted{background:var(--color-bg-hover);color:var(--color-accent-text)}.command-palette__item-label{flex:1}.command-palette__item-hint{flex-shrink:0}.command-palette__item-hint kbd{color:var(--color-text-faint);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:3px;padding:.05rem .3rem;font-family:inherit;font-size:.65rem;line-height:1}.klaude-chat{background:var(--color-bg-elevated);border-left:1px solid var(--color-border);flex-direction:column;flex-shrink:0;width:380px;display:flex;overflow:hidden}.klaude-chat__header{border-bottom:1px solid var(--color-border-light);color:var(--color-text);flex-shrink:0;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.klaude-chat__header-title{flex:1;font-size:.8rem;font-weight:600}.klaude-chat__close{width:24px;height:24px;color:var(--color-text-faint);cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;display:flex}.klaude-chat__close:hover{background:var(--color-bg-hover);color:var(--color-text)}.klaude-chat__messages{flex-direction:column;flex:1;gap:.25rem;padding:.5rem;display:flex;overflow-y:auto}.klaude-chat__empty{height:100%;color:var(--color-text-faint);text-align:center;justify-content:center;align-items:center;padding:1rem;font-size:.75rem;line-height:1.5;display:flex}.klaude-chat__message{padding:.25rem .5rem}.klaude-chat__message--agent{background:var(--color-bg-secondary);border-radius:4px}.klaude-chat__message-header{align-items:baseline;gap:.5rem;margin-bottom:2px;display:flex}.klaude-chat__message-author{color:var(--color-accent);font-size:.65rem;font-weight:600}.klaude-chat__message-time{color:var(--color-text-faint);font-size:.65rem}.klaude-chat__message-text{color:var(--color-text);word-break:break-word;white-space:pre-wrap;font-size:.75rem;line-height:1.4}.klaude-chat__panel-link{color:var(--color-accent);text-underline-offset:2px;cursor:pointer;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;transition:color .1s}.klaude-chat__panel-link:hover{color:var(--color-accent-hover);text-decoration-style:solid}.klaude-chat__thinking{color:var(--color-text-faint);flex-direction:column;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;font-style:italic;display:flex}.klaude-chat__thinking-dots{background:repeating-radial-gradient(circle at 3px 4px, var(--color-text-faint) 0, var(--color-text-faint) 2px, transparent 2px, transparent 8px);width:20px;height:8px;animation:1.2s ease-in-out infinite klaude-chat-pulse;display:inline-flex}@keyframes klaude-chat-pulse{0%,to{opacity:.3}50%{opacity:1}}.klaude-chat__tool-calls{flex-direction:column;gap:2px;display:flex}.klaude-chat__tool-call{color:var(--color-text-faint);border-left:2px solid var(--color-border-light);padding-left:.5rem;font-size:.65rem;font-style:italic}.klaude-chat__input-row{border-top:1px solid var(--color-border-light);flex-shrink:0;align-items:center;gap:.25rem;padding:.5rem;display:flex}.klaude-chat__input-wrapper{flex:1;position:relative}.klaude-chat__input{border:1px solid var(--color-border);background:var(--color-bg-primary);width:100%;color:var(--color-text);box-sizing:border-box;border-radius:4px;outline:none;padding:.25rem .5rem;font-size:.75rem}.klaude-chat__input:focus{border-color:var(--color-accent)}.klaude-chat__input::placeholder{color:var(--color-text-faint)}.klaude-chat__mention-popover{background:var(--color-bg-elevated);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);z-index:1100;border-radius:4px;max-height:200px;padding:.25rem 0;position:absolute;bottom:calc(100% + 4px);left:0;right:0;overflow-y:auto}.klaude-chat__mention-header{color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.03em;padding:.25rem .5rem;font-size:.65rem;font-weight:600}.klaude-chat__mention-option{width:100%;color:var(--color-text);text-align:left;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;display:flex;overflow:hidden}.klaude-chat__mention-option--active{background:var(--color-bg-hover);color:var(--color-accent)}.klaude-chat__mention-icon{color:var(--color-text-faint);text-align:center;flex-shrink:0;width:14px;font-size:.65rem;font-weight:700}.klaude-chat__send{background:var(--color-accent);width:30px;height:30px;color:var(--color-text-inverse);cursor:pointer;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;transition:background .1s;display:flex}.klaude-chat__send:hover:not(:disabled){background:var(--color-accent-hover)}.klaude-chat__send:disabled{opacity:.4;cursor:default}.app{background:var(--color-bg);flex-direction:column;height:100vh;display:flex}.app__body{flex:1;min-height:0;display:flex}.app__content{flex:1;min-width:0;position:relative;overflow:auto}