.sidebar-nav{background:var(--color-sidebar);border-right:var(--border);flex-direction:column;flex-shrink:0;height:100vh;transition:width .2s,min-width .2s;display:flex;overflow:hidden}.sidebar-nav .sidebar-logo{border-bottom:none;align-items:center;display:flex}.sidebar-nav .sidebar-logo-text{color:var(--color-text-primary);letter-spacing:-.02em;cursor:pointer;font-size:18px;font-weight:700;line-height:1}.sidebar-nav .sidebar-toggle{cursor:pointer;padding:4px;display:flex}.sidebar-nav .sidebar-new-wrap{position:relative}.sidebar-nav .sidebar-new-btn{background:var(--color-accent);color:#fff;cursor:pointer;border:1px solid var(--color-accent);border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:8px;width:100%;height:36px;font-family:inherit;font-size:13px;font-weight:600;line-height:1;display:flex;position:relative}.sidebar-nav .sidebar-new-dropdown{z-index:50;background:var(--color-surface);border:var(--border);border-radius:var(--radius-md);position:absolute;top:100%;overflow:hidden;box-shadow:0 4px 12px #00000014}.sidebar-nav .sidebar-new-option{color:var(--color-text-primary);align-items:center;gap:8px;height:36px;padding:10px 14px;font-size:12px;font-weight:500;line-height:1;display:flex}.sidebar-nav .sidebar-new-divider{background:var(--color-border);height:1px}.sidebar-nav .sidebar-search-wrap{padding:0 12px 8px}.sidebar-nav .sidebar-search-input{border:var(--border);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;color:var(--color-text-primary);outline:none;padding:7px 10px;font-family:Inter,sans-serif;font-size:12px;position:relative}.sidebar-nav .sidebar-search-input:focus{border-color:var(--color-accent)}.sidebar-nav .sidebar-list{flex:1;padding:2px 0;overflow-y:auto}.sidebar-nav .sidebar-section-label{color:var(--color-text-muted);letter-spacing:.08em;text-transform:uppercase;align-items:flex-end;height:24px;padding:10px 16px 4px;font-size:10px;font-weight:600;line-height:1;display:flex}.sidebar-nav .sidebar-empty{color:var(--color-text-muted);padding:8px 16px;font-size:11px}.sidebar-nav .sidebar-skeleton-group{flex-direction:column;gap:6px;padding:4px 14px;display:flex}.sidebar-nav .sidebar-skeleton-item{flex-direction:column;gap:6px;display:flex}.sidebar-nav .sidebar-skeleton-children{flex-direction:column;gap:5px;padding-left:18px;display:flex}.sidebar-nav .sidebar-event-skeleton{flex-direction:column;gap:5px;padding-top:4px;padding-left:32px;padding-right:14px;display:flex}.sidebar-nav .sidebar-collapsed-icon{cursor:pointer;justify-content:center;margin:1px 8px;padding:10px 0;display:flex}.sidebar-nav .sidebar-host-row{border-radius:var(--radius-sm);color:var(--color-text-primary);align-items:center;gap:8px;height:34px;margin:1px 8px;padding:7px 14px;font-size:13px;font-weight:600;line-height:1;display:flex}.sidebar-nav .sidebar-host-row[data-active=true]{color:var(--color-accent)}.sidebar-nav .sidebar-host-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.sidebar-nav .sidebar-host-count{color:var(--color-text-muted);flex-shrink:0;font-size:10px}.sidebar-nav .sidebar-event-row{border-radius:var(--radius-sm);color:var(--color-text-muted);align-items:center;gap:7px;height:28px;margin:1px 8px;padding:5px 12px 5px 32px;font-size:12px;line-height:1;display:flex}.sidebar-nav .sidebar-event-row[data-active=true]{color:var(--color-accent);font-weight:600}.sidebar-nav .sidebar-event-content{text-overflow:ellipsis;white-space:nowrap;flex:1;align-items:center;gap:5px;display:flex;overflow:hidden}.sidebar-nav .sidebar-event-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-nav .sidebar-row{border-radius:var(--radius-sm);color:var(--color-text-muted);align-items:center;gap:8px;height:28px;margin:1px 8px;font-size:12px;line-height:1;display:flex}.sidebar-nav .sidebar-row[data-active=true]{color:var(--color-accent)}.sidebar-nav .sidebar-footer{border-top:none;padding:6px 0}.sidebar-nav .sidebar-loading{padding:10px 12px}.header-bar{height:var(--header-height);background:var(--color-bg);border-bottom:none;flex-shrink:0;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 20px;display:grid}.header-breadcrumb{align-items:center;min-width:0;display:flex;overflow:hidden}.header-breadcrumb-skeleton{align-items:center;gap:8px;display:flex}.header-breadcrumb-separator{color:var(--color-text-muted);opacity:.5;flex-shrink:0;margin:0 8px;font-size:12px}.header-breadcrumb-segment{align-items:center;min-width:0;display:flex}.header-breadcrumb-text{text-overflow:ellipsis;white-space:nowrap;font-size:13px;transition:color .12s;overflow:hidden}.header-breadcrumb-text[data-clickable=true]{cursor:pointer}.header-breadcrumb-text[data-clickable=true]:hover{color:var(--color-accent)}.header-breadcrumb-text[data-last=true]{color:var(--color-text-primary);font-weight:600}.header-breadcrumb-text[data-last=true][data-has-suffix=true]{color:var(--color-text-muted);font-weight:500}.header-breadcrumb-text:not([data-last=true]){color:var(--color-text-muted);font-weight:400}.header-source-badge{flex-shrink:0;margin-left:6px}.header-suffix-badge{color:#fff;flex-shrink:0;margin-left:8px;padding:2px 8px;font-size:10px;font-weight:700}.header-actions{justify-self:end;align-items:center;gap:12px;display:flex}.header-icon-btn{border:var(--border);border-radius:var(--radius-full);background:var(--color-bg);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-family:Inter,sans-serif;display:flex}.header-icon-btn[data-active=true]{background:var(--color-accent)}.header-lang-btn{color:var(--color-text-primary);font-size:11px;font-weight:600}.header-auth-slot{flex-shrink:0;justify-content:flex-end;align-items:center;min-width:80px;display:flex}.header-login-btn{background:var(--color-accent);color:#fff;border:var(--border);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;flex-shrink:0;padding:5px 16px;font-family:inherit;font-size:12px;font-weight:600}.header-avatar{cursor:pointer;border:var(--border);border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex;overflow:hidden}.header-avatar-img{object-fit:cover;width:100%;height:100%}.header-avatar-initial{color:#fff;font-size:13px;font-weight:700}.header-actions .header-user-menu{z-index:100;background:var(--color-surface);border:var(--border);border-radius:var(--radius-md);width:180px;position:absolute;top:38px;right:0;overflow:hidden;box-shadow:0 4px 12px #00000014}.header-user-info{border-bottom:var(--border);padding:12px 14px}.header-user-name{color:var(--color-text-primary);font-size:13px;font-weight:600}.header-user-email{color:var(--color-text-muted);margin-top:2px;font-size:11px}.header-menu-item{color:var(--color-text-primary);align-items:center;gap:8px;padding:10px 14px;font-size:12px;display:flex}.header-menu-item--danger{color:var(--color-danger)}@font-face{font-family:Inter;src:url(/fonts/inter-v20-latin-regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-v20-latin-500.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-v20-latin-700.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--color-accent:#2563eb;--color-mid:#3b82f6;--color-light:#60a5fa;--color-pale:#93c5fd;--color-link:#2563eb;--color-bg:#dce8f8;--color-surface:#fff;--color-sidebar:#ccdaf0;--color-text-primary:#1a2740;--color-text-muted:#4d6a8f;--color-border:#a4bee0;--border:1px solid var(--color-border);--color-danger:#dc2626;--color-success:#16a34a;--color-hover:#2563eb0f;--color-active:#2563eb1a;--color-active-strong:#2563eb24;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-full:50%;--sidebar-width:215px;--sidebar-collapsed-width:40px;--header-height:48px;--toolbar-vertical-width:56px;--sidebar-indent-unit:16px;--sidebar-base-indent:14px}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--color-text-primary);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-width:1024px;font-family:Inter,sans-serif;font-size:14px;line-height:1.5}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:var(--color-pale);border-radius:var(--radius-sm)}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.15}}.glass-border{position:relative}.glass-border:after{content:"";border-radius:inherit;pointer-events:none;z-index:1;-webkit-mask-composite:source-in;position:absolute;inset:-1px;box-shadow:inset 0 0 0 1px #fff9;-webkit-mask-image:radial-gradient(40% 150% at 0 100%,#0000 0%,#000 50%),radial-gradient(40% 150% at 100% 0,#0000 0%,#000 50%);mask-image:radial-gradient(40% 150% at 0 100%,#0000 0%,#000 50%),radial-gradient(40% 150% at 100% 0,#0000 0%,#000 50%);-webkit-mask-composite:source-in;mask-composite:intersect}.row-interactive{cursor:pointer;transition:background .12s,color .12s}.row-interactive:hover{background:var(--color-hover)}.row-interactive[data-active=true]{background:var(--color-active);color:var(--color-accent)}.row-interactive[data-active=true]:hover{background:var(--color-active-strong)}