: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 .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);font-weight:600}.app-header{background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);z-index:200;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)}.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)}.app{background:var(--color-bg);flex-direction:column;height:100vh;display:flex}.app__content{flex:1;min-height:0;overflow:auto}