:root{color-scheme:light;--bg: #f3f3f4;--bg-alt: #ebebee;--surface: #ffffff;--surface-alt: #f6f6f8;--text: #26272b;--text-muted: #5c5f66;--border: #d7d9df;--accent: #ff6a00;--accent-strong: #e95f00;--accent-soft: #fff1e6;--shadow: 0 16px 36px rgba(18, 18, 20, .08);--radius: 12px;--container: 1120px;--sidebar-width: 240px;--sidebar-collapsed: 56px;--topbar-height: 56px;--success: #2d9d3a;--danger: #d14124}.userDropdown{position:fixed;width:calc(var(--sidebar-width) - 1rem);background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);overflow:hidden;z-index:50}.sidebar.isCollapsed .userDropdown{width:200px}.userDropdownItem{display:block;width:100%;padding:.65rem .85rem;border:none;background:transparent;color:var(--text);font-size:.88rem;font-weight:600;text-align:left;cursor:pointer;transition:background .15s ease}.userDropdownItem:hover{background:var(--surface-alt)}.userDropdownSectionLabel{display:block;padding:.5rem .85rem .25rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.userDropdownDivider{margin:.25rem 0;border:none;border-top:1px solid var(--border)}.userDropdownDanger{color:var(--danger)}.userDropdownDanger:hover{background:color-mix(in srgb,var(--danger) 8%,var(--surface))}.button,.buttonGhost,.buttonPrimary,.buttonSecondary,.buttonDanger{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:48px;border-radius:10px;font-weight:700;font-size:.95rem;padding:.72rem 1.1rem;border:1px solid transparent;transition:.14s ease;cursor:pointer}.button:disabled,.buttonGhost:disabled,.buttonPrimary:disabled,.buttonSecondary:disabled,.buttonDanger:disabled{opacity:.65;cursor:not-allowed;pointer-events:none}.panel,.metric{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}h1{font-size:clamp(1.6rem,4vw,2.4rem);margin-bottom:1.5rem}.lede,.muted,.metricLabel,.field{color:var(--text-muted)}.explorerLayout{display:flex;flex:1;min-height:0;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--surface)}.explorerSidebar{width:250px;min-width:250px;border-right:1px solid var(--border);display:flex;flex-direction:column;background:var(--surface-alt)}.explorerSidebarHeader{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border-bottom:1px solid var(--border)}.explorerSidebarTitle{font-weight:700;font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.explorerSidebarList{flex:1;overflow-y:auto;padding:.25rem 0}.explorerSidebarItem{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;cursor:pointer;transition:background .12s ease;font-size:.88rem}.explorerSidebarItem:hover{background:color-mix(in srgb,var(--text) 6%,transparent)}.explorerSidebarItem.isSelected{background:color-mix(in srgb,var(--accent) 12%,transparent);font-weight:600}.explorerSidebarItemName{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.explorerSidebarItem .actionMenuWrap{opacity:0;transition:opacity .12s ease}.explorerSidebarItem:hover .actionMenuWrap,.explorerSidebarItem .actionMenuWrap:focus-within{opacity:1}.explorerMain{flex:1;min-width:0;display:flex;flex-direction:column}.modalPanel{width:100%;display:grid;gap:1rem;padding:1.5rem;border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);background:var(--surface);box-shadow:var(--shadow);outline:none}.alertDanger.panel{padding:1rem 1.5rem;background:color-mix(in srgb,var(--danger) 15%,var(--surface));border-color:color-mix(in srgb,var(--danger) 40%,var(--border));color:var(--danger)}.field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:2.2rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235c5f66' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}@media(max-width:1024px){.topBar{padding:0 1rem}.appContent{padding:1.25rem}}@media(max-width:760px){.sidebar{position:fixed;z-index:50}.sidebar.isCollapsed{width:var(--sidebar-collapsed)}.appContent{padding:1rem}.topBar{padding:0 .75rem}.breadcrumbs{font-size:.82rem}}.dashboardHeader{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:1rem}.dashboardControls{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.timeRangeControl{display:flex;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--surface)}.timeRangeBtn{padding:.35rem .75rem;font-size:.82rem;font-weight:600;background:none;border:none;border-right:1px solid var(--border);color:var(--text-muted);cursor:pointer;transition:background .12s ease,color .12s ease}.timeRangeBtn:last-child{border-right:none}.timeRangeBtn:hover{background:var(--bg-alt);color:var(--text)}.timeRangeBtn.active{background:var(--accent);color:#fff}.environmentFilter{display:flex;align-items:center;gap:.5rem}.environmentFilterLabel{margin:0;font-size:.82rem;color:var(--text-muted);white-space:nowrap}.environmentFilterSelect{padding:.35rem 2rem .35rem .6rem;font-size:.82rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235c5f66' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;cursor:pointer}.productSection{display:grid;gap:1.25rem}.productSectionTitle{margin:0 0 .5rem;font-size:1.05rem;font-weight:700;letter-spacing:-.01em}.productSectionBody{display:grid;gap:1.25rem}.productSectionRow{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;align-items:start}.chartWrapper{display:grid;gap:.5rem}.chartTitle{margin:0;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.chartEmpty{height:180px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.875rem;border:1px dashed var(--border);border-radius:8px}.kpiCard{background:var(--surface-alt);border:1px solid var(--border);border-radius:10px;padding:1.25rem 1.4rem;display:grid;gap:.3rem}.kpiLabel{margin:0;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.kpiValue{margin:0;font-size:2.4rem;font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--accent)}.kpiSubtitle{margin:0;font-size:.82rem;color:var(--text-muted)}.topNTable{display:grid;gap:.5rem}.topNTableEl{width:100%;border-collapse:collapse;font-size:.875rem}.topNTableEl th{text-align:left;padding:.4rem .5rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-bottom:1px solid var(--border)}.topNTableEl td{padding:.45rem .5rem;border-bottom:1px solid var(--border)}.topNTableEl tr:last-child td{border-bottom:none}.topNTableRight{text-align:right!important}.topNTableId{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;color:var(--text-muted)}.topNTableVal{font-weight:600;color:var(--text)}.dashboardFooter{margin:0;font-size:.85rem;text-align:center;padding:1rem 0 .5rem}.emptyDashboardWrapper{display:grid;gap:1.5rem}.emptyDashboardPreview{display:grid;gap:1rem;filter:blur(5px);pointer-events:none;-webkit-user-select:none;user-select:none}.emptyOverlayCard{background:var(--surface);border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);box-shadow:var(--shadow);padding:2.5rem 2.75rem;text-align:center;max-width:480px;width:100%;display:grid;gap:1rem}.emptyOverlayCard h2{margin:0;font-size:1.5rem}.emptyOverlayCard p{margin:0;color:var(--text-muted);line-height:1.6}:root{color-scheme:light;--font-manrope: "Manrope", sans-serif;--bg: #f3f3f4;--bg-alt: #ebebee;--surface: #ffffff;--surface-alt: #f6f6f8;--text: #26272b;--text-muted: #5c5f66;--border: #d7d9df;--accent: #ff6a00;--accent-strong: #e95f00;--accent-soft: #fff1e6;--shadow: 0 16px 36px rgba(18, 18, 20, .08);--radius: 12px;--container: 1120px;--sidebar-width: 240px;--sidebar-collapsed: 56px;--topbar-height: 56px;--success: #2d9d3a;--danger: #d14124}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg: rgb(21, 21, 21);--bg-alt: #11151d;--surface: #151922;--surface-alt: #1a202c;--text: #f3f5f7;--text-muted: #b4bac5;--border: #2a3240;--accent: #ff6a00;--accent-strong: #ff7a1f;--accent-soft: #2f1f13;--shadow: 0 18px 38px rgba(0, 0, 0, .32)}}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;font-family:var(--font-manrope),"Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.55}body{min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.appShell{display:flex;min-height:100vh}.appMain{flex:1;min-width:0;display:flex;flex-direction:column}.appContent{flex:1;padding:1.5rem;width:100%}.sidebar{width:var(--sidebar-width);height:100vh;position:sticky;top:0;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--border);transition:width .2s ease;overflow:hidden;z-index:40;flex-shrink:0}.sidebar.isCollapsed{width:var(--sidebar-collapsed)}.sidebarHeader{display:flex;align-items:center;justify-content:space-between;padding:.75rem;min-height:var(--topbar-height);gap:.5rem}.sidebarBrand{display:flex;flex-direction:column;overflow:hidden}.sidebarLogo{display:inline-flex;align-items:center;overflow:hidden}.sidebarVersion{font-size:.625rem;color:var(--text-muted);letter-spacing:.03em;padding-left:17px;margin-top:-15px;line-height:1}.sidebarContextualBack{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem .5rem calc(.75rem + 3px);min-width:0}.sidebarCloseButton{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:6px;background:transparent;color:var(--text-muted);cursor:pointer;flex-shrink:0;transition:background .15s ease,color .15s ease}.sidebarCloseButton:hover{background:var(--surface-alt);color:var(--text)}.sidebarPlatformTitle{font-size:.95rem;font-weight:800;letter-spacing:-.01em;color:var(--text)}.sidebarLogoCompact{display:flex;align-items:center;justify-content:center;width:100%;color:var(--text);background:none;border:none;padding:0;cursor:pointer}.sidebarToggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:6px;background:transparent;color:var(--text-muted);cursor:pointer;flex-shrink:0;transition:background .15s ease,color .15s ease}.sidebarToggle:hover{background:var(--surface-alt);color:var(--text)}.sidebar.isCollapsed .sidebarHeader{justify-content:center}.sidebarNav{flex:1;overflow-y:auto;overflow-x:hidden;padding:.25rem 0;min-height:0}.sidebarLink{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;color:var(--text-muted);font-size:.88rem;font-weight:600;white-space:nowrap;transition:background .15s ease,color .15s ease;border-left:3px solid transparent}.sidebarLink:hover{background:var(--surface-alt);color:var(--text)}.sidebarLink.isActive{border-left-color:var(--accent);background:var(--accent-soft);color:var(--text);font-weight:700}.sidebar.isCollapsed .sidebarLink{justify-content:center;padding:.6rem 0}.sidebarLinkIcon{flex-shrink:0}.sidebarLinkLabel{overflow:hidden;text-overflow:ellipsis}.sidebarDivider{margin:.35rem .75rem;border:none;border-top:1px solid var(--border)}.sidebar.isCollapsed .sidebarDivider{margin:.35rem .5rem}.sidebarUser{position:relative;border-top:1px solid var(--border);padding:.5rem}.sidebarUserButton{display:flex;align-items:center;gap:.65rem;width:100%;padding:.45rem;border:none;border-radius:8px;background:transparent;color:var(--text);cursor:pointer;text-align:left;transition:background .15s ease}.sidebarUserButton:hover{background:var(--surface-alt)}.sidebarAvatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--accent);color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.02em;flex-shrink:0}.sidebarUserInfo{flex:1;min-width:0;display:flex;flex-direction:column}.sidebarUserName{font-weight:700;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebarUserEmail{color:var(--text-muted);font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebarUserChevron{flex-shrink:0;color:var(--text-muted)}.sidebar.isCollapsed .sidebarUserButton{justify-content:center}.userFlyout{position:fixed;width:220px;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);padding:.35rem 0;z-index:50}.flyoutDivider{margin:.25rem 0;border:none;border-top:1px solid var(--border)}.sidebarBottomTriggers{border-top:1px solid var(--border);padding:.25rem 0 0;position:relative;z-index:5}.sidebarBottomTrigger{width:100%;border:none;background:transparent;cursor:pointer;font:inherit}.slideUpPanel{position:absolute;left:0;right:0;background:var(--surface);border:1px solid var(--border);border-bottom:none;border-radius:8px 8px 0 0;box-shadow:0 -8px 24px #0000001f;padding:.5rem 0;animation:slideUp .2s ease;z-index:10;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.slideUpPanelTitle{display:block;padding:.5rem .85rem .35rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.slideUpPanelItem{display:block;padding:.65rem 1rem;color:var(--text);font-size:.9rem;font-weight:600;transition:background .15s ease}.slideUpPanelItem:hover{background:var(--surface-alt)}.slideUpPanelItem.isActive{color:var(--accent)}.platformFlyoutItem{display:block;width:100%;padding:.55rem .85rem;border:none;background:transparent;color:var(--text);font-size:.88rem;font-weight:600;font-family:inherit;text-align:left;cursor:pointer;transition:background .15s ease}.platformFlyoutItem:hover{background:var(--surface-alt)}.platformFlyoutItem.isActive{color:var(--accent)}.platformFlyoutItemDanger{color:var(--danger)}.platformFlyoutItemDanger:hover{background:color-mix(in srgb,var(--danger) 8%,var(--surface))}.topBar{height:var(--topbar-height);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;gap:1rem}.topBarActions{display:flex;align-items:center;gap:.5rem}.breadcrumbs{font-size:.88rem}.breadcrumbList{display:flex;align-items:center;gap:0;list-style:none;margin:0;padding:0}.breadcrumbItem{display:flex;align-items:center}.breadcrumbSeparator{margin:0 .5rem;color:var(--text-muted)}.breadcrumbLink{color:var(--accent);font-weight:600}.breadcrumbLink:hover{color:var(--accent-strong)}.breadcrumbCurrent{color:var(--text);font-weight:600}.brandLockup{display:inline-flex;align-items:center;min-width:220px}.brandLogo{width:min(200px,44vw);height:auto;display:block}.sidebarLogo .brandLogo{width:140px}.brandLogoDark{display:none}@media(prefers-color-scheme:dark){.brandLogoLight{display:none}.brandLogoDark{display:block}}.button,.buttonGhost,.buttonPrimary,.buttonSecondary{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:48px;border-radius:10px;font-weight:700;font-size:.95rem;padding:.72rem 1.1rem;border:1px solid transparent;transition:.14s ease;cursor:pointer}.button,.buttonPrimary{background:var(--accent);color:#fff}.button:hover,.buttonPrimary:hover{background:var(--accent-strong)}.buttonGhost,.buttonSecondary{border-color:var(--border);background:var(--surface);color:var(--text)}.buttonGhost:hover,.buttonSecondary:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--border));background:var(--surface-alt)}.buttonDanger{background:var(--danger);color:#fff}.buttonDanger:hover{background:#b2351c}.buttonSmall{min-height:36px;padding:.4rem .85rem;font-size:.85rem;border-radius:6px}.buttonTopBar{min-height:36px;padding:.4rem .9rem;font-size:.88rem;border-radius:8px}.button:disabled,.buttonGhost:disabled,.buttonPrimary:disabled,.buttonSecondary:disabled{opacity:.65;cursor:not-allowed;pointer-events:none}.page{display:grid;gap:1rem}.panel,.authCard,.metric{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.panel{padding:1.4rem}.eyebrow,.badge{display:inline-flex;width:fit-content;padding:.33rem .65rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.78rem;font-weight:700;letter-spacing:.01em}.badge.is-success{background:#dcfce7;color:#166534}.badge.is-danger{background:#fee2e2;color:#991b1b}h1,h2,h3{margin:0;line-height:1.15;letter-spacing:-.02em;margin-bottom:1rem}h1{font-size:clamp(1.6rem,4vw,2.4rem);margin-bottom:1rem}h2{font-size:clamp(1.3rem,3vw,1.8rem);margin-bottom:1.25rem}.lede,.muted,.metricLabel,.authHint,.authFootnote,.field{color:var(--text-muted)}.lede{max-width:68ch}.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.metric{padding:1.2rem}.metricLabel{margin:0 0 .45rem;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.metricValue{margin:0;font-size:1.15rem}.form,.stack{display:grid;gap:.9rem}.field{display:grid;gap:.5rem;font-size:.95rem;font-weight:600}.field input,.field select,.field textarea{width:100%;border:1px solid var(--border);border-radius:8px;padding:.65rem .85rem;background:var(--surface);color:var(--text)}.field input,.field select{min-height:42px}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:2px}.field input:disabled,.field select:disabled,.field textarea:disabled{color:var(--text-muted);background:var(--surface-alt);cursor:not-allowed}.inline{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.alert,.form-status{margin:0;font-size:.92rem}.form-status.is-success{color:var(--accent)}.form-status.is-error{color:var(--danger)}.errorBanner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;border-radius:var(--radius);border:1px solid var(--danger);background:color-mix(in srgb,var(--danger) 8%,var(--surface));color:var(--danger);font-size:.9rem;margin-bottom:1rem}.errorBanner p{margin:0}.warningBanner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;border-radius:var(--radius);border:1px solid var(--warning, #f59e0b);background:color-mix(in srgb,var(--warning, #f59e0b) 8%,var(--surface));color:var(--warning, #f59e0b);font-size:.9rem;margin-bottom:1rem}.warningBanner p{margin:0}.authViewport{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.authCard{width:min(100%,560px);padding:1.5rem;display:grid;gap:1.25rem}.authCardHeader{display:grid;gap:1rem}.authModeSwitch{display:inline-flex;gap:.35rem;width:fit-content;padding:.25rem;border-radius:11px;background:var(--surface-alt);border:1px solid var(--border)}.authModePill{padding:.55rem .9rem;border-radius:8px;color:var(--text-muted);font-size:.93rem;font-weight:700}.authModePill.isActive{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #0000000f}.authCopy{display:grid;gap:.7rem}.authCopy p{margin:0;color:var(--text-muted)}.authForm{display:grid;gap:.9rem}.authSubmit,.authSocialButton{width:100%}.authSocialButton{justify-content:flex-start;min-height:54px;padding-inline:1rem;font-weight:600}.authSocialIcon{width:20px;height:20px;flex:0 0 20px}.authHint,.authFootnote{margin:0;font-size:.92rem}.authEnterpriseSso{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding-top:1.25rem;border-top:1px solid var(--border);color:var(--text-muted);font-size:.85rem;text-align:center}.authDivider{display:grid;grid-template-columns:1fr auto 1fr;gap:.75rem;align-items:center;color:var(--text-muted);font-size:.85rem}.authDivider span:first-child,.authDivider span:last-child{height:1px;background:var(--border)}.authSocials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.authSocials:has(>:only-child){grid-template-columns:1fr}.authTextLink{color:var(--accent);font-weight:700}.authTextButton{background:none;border:none;padding:0;cursor:pointer;font:inherit}.authLogo{display:inline-flex;align-items:center}.passwordStrength{display:flex;align-items:center;gap:.65rem}.passwordStrengthBar{flex:1;height:4px;border-radius:2px;background:var(--border);overflow:hidden}.passwordStrengthFill{height:100%;border-radius:2px;transition:width .2s ease}.passwordStrengthFill.is-weak{width:33%;background:var(--danger)}.passwordStrengthFill.is-medium{width:66%;background:#e6a817}.passwordStrengthFill.is-strong{width:100%;background:var(--success)}.passwordStrengthLabel{font-size:.82rem;font-weight:700;min-width:52px}.passwordStrengthLabel.is-weak{color:var(--danger)}.passwordStrengthLabel.is-medium{color:#e6a817}.passwordStrengthLabel.is-strong{color:var(--success)}.passwordRequirements{margin:0;font-size:.85rem;color:var(--text-muted)}.dashboardPage{gap:1.25rem}.dashboardWelcome{display:grid;gap:.35rem}.dashboardWelcome h1{font-size:1.6rem}.dashboardWelcome p{margin:0;color:var(--text-muted)}.summaryCards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.summaryCard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem;display:grid;gap:.25rem}.summaryCardLabel{margin:0;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.summaryCardValue{margin:0;font-size:1.8rem;font-weight:800;letter-spacing:-.02em}.summaryCardDetail{margin:0;font-size:.82rem;color:var(--text-muted)}.dashboardSection{display:grid;gap:1rem}.dashboardSectionHeader{display:flex;justify-content:space-between;gap:1rem;align-items:flex-end;flex-wrap:wrap}.dashboardSectionHeader>div{display:grid;gap:.55rem}.productGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.productGridCard{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--text);font-weight:600;font-size:.88rem;transition:border-color .15s ease,background .15s ease}.productGridCard:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.productGridCard.isActive{border-color:color-mix(in srgb,var(--accent) 28%,var(--border))}.productGridCardIcon{flex-shrink:0;color:var(--text-muted)}.productGridCard.isActive .productGridCardIcon{color:var(--accent)}.productGridCardName{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.productGridCardBadge{font-size:.7rem;font-weight:700;color:var(--text-muted);white-space:nowrap}.dataTablePanel{padding:0;overflow:hidden}.dataTableFilter{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid var(--border)}.dataTableFilterRight{display:flex;align-items:center;gap:.5rem}.dataTableSearchWrap{position:relative;flex:1;max-width:320px}.dataTableSearchIcon{position:absolute;left:.7rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.dataTableSearchInput{width:100%;padding:.45rem .7rem .45rem 2rem;border:1px solid var(--border);border-radius:6px;background:var(--surface-alt);color:var(--text);font-size:.85rem}.dataTableSearchInput:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:1px}.dataTableCount{font-size:.82rem;color:var(--text-muted);white-space:nowrap}.dataTableWrapper{overflow-x:auto}.dataTable{width:100%;border-collapse:collapse}.dataTable th,.dataTable td{padding:.75rem 1rem;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}.dataTable th{background:var(--surface-alt);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);white-space:nowrap}.dataTableSortHeader{cursor:pointer;-webkit-user-select:none;user-select:none}.dataTableSortHeader:hover{color:var(--text)}.dataTableHeaderLabel{display:inline-flex;align-items:center;gap:.35rem}.dataTable tbody tr{transition:background .15s ease}.dataTable tbody tr:hover{background:color-mix(in srgb,var(--surface-alt) 50%,transparent)}.dataTableRowClickable{cursor:pointer}.dataTableEmpty{text-align:center;padding:2rem 1rem;color:var(--text-muted);font-style:italic}.dataTablePagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem 1rem;border-top:1px solid var(--border)}.dataTablePageButtons{display:flex;gap:.5rem}.tableLink{color:var(--accent);font-weight:700}.tableLink:hover{color:var(--accent-strong)}.statusPill{display:inline-flex;padding:.2rem .55rem;border-radius:999px;font-size:.78rem;font-weight:700}.statusPill.isActive{background:color-mix(in srgb,var(--success) 15%,transparent);color:var(--success)}.statusPill.isInactive{background:var(--surface-alt);color:var(--text-muted)}.statusPill.isComingSoon{background:var(--surface-alt);color:var(--text-muted);border:1px solid var(--border)}.actionMenuWrap{position:relative}.actionMenuTrigger{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--text-muted);cursor:pointer;transition:background .15s ease}.actionMenuTrigger:hover{background:var(--surface-alt);border-color:var(--border);color:var(--text)}.actionMenu{position:absolute;right:0;top:calc(100% + 4px);min-width:140px;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);overflow:hidden;z-index:20}.actionMenuItem{display:block;width:100%;padding:.55rem .85rem;border:none;background:transparent;color:var(--text);font-size:.85rem;font-weight:600;text-align:left;cursor:pointer;transition:background .15s ease}.actionMenuItem:hover{background:var(--surface-alt)}.actionMenuItemDanger{color:var(--danger)}.actionMenuItemDanger:hover{background:color-mix(in srgb,var(--danger) 8%,var(--surface))}.modalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:1rem;background:color-mix(in srgb,var(--bg) 60%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modalPanel{width:100%;display:grid;gap:1rem;padding:1.5rem;border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);background:var(--surface);box-shadow:var(--shadow)}.modalHeader{display:grid;gap:.5rem}.modalTitle{font-size:1.15rem;font-weight:700;margin:0}.modalDescription{margin:0;color:var(--text-muted);font-size:.9rem}.modalBody{display:grid;gap:.9rem}.modalActions{display:flex;gap:.75rem;justify-content:flex-end}.welcomeOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:1rem;background:color-mix(in srgb,var(--bg) 34%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.welcomeModal{width:min(100%,720px);display:grid;gap:1rem;padding:1.5rem;border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);background:var(--surface);box-shadow:var(--shadow)}.welcomeCallouts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.welcomeCheckbox{display:inline-flex;align-items:center;gap:.65rem;color:var(--text-muted);font-size:.92rem;font-weight:600}.welcomeCheckbox input{width:16px;height:16px;accent-color:var(--accent)}.configModal{width:min(100%,480px);padding:1.5rem;border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);background:var(--surface);box-shadow:var(--shadow)}.emptyStatePanel,.configModal,.configForm{display:grid;gap:1rem}.emptyStatePanel{padding:1.6rem}.configModalHeader{display:grid;gap:.7rem}.configFormGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.configOverrideSection{display:grid;gap:.9rem}.configModalActions{display:flex;gap:.75rem;flex-wrap:wrap}.productPage{gap:1.25rem}.configInstanceGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.configInstanceCard,.keyCellPrimary{display:grid;gap:1rem}.configInstanceHeader{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.configMeta{margin:0;color:var(--text-muted);font-size:.9rem;font-weight:600}.configInstanceMetaGrid{display:grid;gap:.35rem}.detailHeader{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.detailHeaderLeft{display:flex;align-items:center;gap:.75rem}.detailHeaderActions{display:flex;gap:.5rem}.backLink{display:inline-flex;align-items:center;gap:.35rem;color:var(--text-muted);font-size:.88rem;font-weight:600;margin-bottom:.5rem;transition:color .15s ease}.backLink:hover{color:var(--accent)}.keyTablePanel{padding:0;overflow:hidden}.keyTableWrapper{overflow-x:auto}.keyTable{width:100%;border-collapse:collapse}.keyTable th,.keyTable td{padding:1rem 1.1rem;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.keyTable th{background:var(--surface-alt);font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.keyValueCell{display:grid;gap:.35rem}.keyValueChip{display:inline-flex;width:fit-content;border-radius:999px;padding:.28rem .6rem;font-size:.82rem;font-weight:700}.keyValueChip.isBase{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}.keyValueChip.isOverride{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent)}.keyValueChip.isInherited{background:var(--surface-alt);color:var(--text-muted)}.keyGroupRow td{background:color-mix(in srgb,var(--surface-alt) 78%,transparent)}.keyTreeLabel{display:grid;gap:.18rem}.keyRowActions{display:inline-flex;gap:.75rem;flex-wrap:wrap;align-items:center}.buttonLink{padding:0;border:0;background:transparent;color:var(--accent);font-weight:700;cursor:pointer}.buttonLinkDanger{color:var(--danger)}.keyDeleteConfirm,.dangerInline{display:inline-flex;gap:.65rem;align-items:center;flex-wrap:wrap;color:var(--text-muted);font-size:.92rem}.keyBranchLabel{font-weight:800;color:var(--text)}.keyPathLink{width:fit-content;font-weight:800;color:var(--text)}.keyPathLink:hover,.keyPathLink:focus-visible{color:var(--accent)}.keySourceBadge{display:inline-flex;width:fit-content;padding:.28rem .6rem;border-radius:999px;border:1px solid var(--border);font-size:.8rem;font-weight:700}.keySourceBadge.isLocal{background:color-mix(in srgb,var(--accent) 12%,transparent);border-color:color-mix(in srgb,var(--accent) 30%,var(--border));color:var(--accent)}.keySourceBadge.isInherited{background:var(--surface-alt);color:var(--text-muted)}.keySourceBadge.isDerived{background:color-mix(in srgb,var(--accent) 10%,var(--surface));border-color:color-mix(in srgb,var(--accent) 28%,var(--border));color:var(--text)}.keyValueHint{color:var(--text-muted);font-size:.84rem;font-weight:600}.configKeyOverview,.configKeyOverviewHeader,.configKeyBaseEditor,.configOverrideActions,.configEnvironmentCell{display:grid;gap:1rem}.configKeyOverviewHeader{grid-template-columns:minmax(0,1fr) minmax(240px,.8fr);align-items:end}.configKeyMetaGrid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.configKeyBaseEditor{grid-template-columns:minmax(0,1fr) minmax(240px,auto);align-items:end}.configKeyBaseActions{display:grid;gap:.6rem;align-content:end}.configEnvironmentCell{gap:.2rem}.configOverrideActions .field{min-width:220px}.comingSoonPage{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:60vh;gap:1rem;padding:2rem}.comingSoonIcon{color:var(--text-muted)}.comingSoonPage h1{font-size:1.6rem}.comingSoonPage p{margin:0;color:var(--text-muted);max-width:44ch}.emptyStateCentered{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;padding:3rem 2rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.emptyStateCentered h2{font-size:1.25rem}.emptyStateCentered p{margin:0;color:var(--text-muted);max-width:40ch}.profilePage{display:grid;gap:1.25rem;max-width:600px}.profileAvatarLarge{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:var(--accent);color:#fff;font-size:1.2rem;font-weight:800}.profileInfo{display:grid;gap:.75rem}.profileRow{display:grid;gap:.15rem}.profileRowLabel{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.profileRowValue{font-size:1rem}.accountTabs{display:flex;gap:0;border-bottom:1px solid var(--border);overflow-x:auto}.accountTab{padding:.65rem 1rem;font-size:.88rem;font-weight:600;color:var(--text-muted);white-space:nowrap;border-bottom:2px solid transparent;transition:color .15s ease,border-color .15s ease}.accountTab:hover{color:var(--text)}.accountTab.isActive{color:var(--text);border-bottom-color:var(--accent);font-weight:700}.accountTabContent{padding:1.25rem 0}.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.starterCard{display:grid;gap:.85rem}.dashboardActions{display:flex;gap:.75rem;flex-wrap:wrap}.dashboardFacts{display:grid;gap:1rem;margin:0}.dashboardFacts dt{margin:0 0 .25rem;color:var(--text-muted);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.dashboardFacts dd{margin:0;font-size:1.05rem;line-height:1.35}.moduleStatus{display:inline-flex;width:fit-content;padding:.33rem .65rem;border-radius:999px;border:1px solid var(--border);background:var(--surface-alt);color:var(--text-muted);font-size:.78rem;font-weight:700;letter-spacing:.01em}.productHero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.8fr);gap:1rem}.productHeroMain,.productHeroAside{display:grid;gap:1rem}.productHeroMain{padding:1.6rem}.productHeroTop{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap}.deleteConfirmOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:1rem;background:color-mix(in srgb,var(--bg) 60%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.deleteConfirmPanel{width:min(100%,400px);padding:1.5rem;border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);background:var(--surface);box-shadow:var(--shadow);display:grid;gap:1rem}.deleteConfirmPanel h3{font-size:1.1rem}.deleteConfirmPanel p{margin:0;color:var(--text-muted)}.deleteConfirmActions{display:flex;gap:.75rem;justify-content:flex-end}.filterBar{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.filterBar select{min-height:36px;padding:.4rem 2rem .4rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:.85rem;font-weight:600;cursor:pointer;transition:border-color .15s ease,background .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235c5f66' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .65rem center}.filterBar select:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--border));background-color:var(--surface-alt)}.filterBar select:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:2px}.fieldRequired:after{content:" *";color:var(--danger);font-weight:700}.field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:2.2rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235c5f66' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.colorPalette{display:grid;grid-template-columns:repeat(4,28px);gap:.5rem}.colorSwatch{width:28px;height:28px;border-radius:6px;border:2px solid transparent;cursor:pointer;padding:0;transition:border-color .15s ease,transform .15s ease}.colorSwatch:hover{transform:scale(1.15)}.colorSwatch.isSelected{border-color:var(--text);box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--text)}@media(max-width:1024px){.topBar{padding:0 1rem}.appContent{padding:1.25rem}.detailHeader{flex-wrap:wrap;gap:.75rem}}@media(max-width:760px){.sidebar{position:fixed;z-index:50}.sidebar.isCollapsed{width:var(--sidebar-collapsed)}.appContent{padding:1rem}.topBar{padding:0 .75rem}.breadcrumbs{font-size:.82rem}.summaryCards{grid-template-columns:1fr}.detailHeader{flex-direction:column;align-items:flex-start}.authViewport{padding:1rem}.authCard{padding:1.2rem}.authSocials,.productHero,.configInstanceGrid,.configFormGrid,.configKeyOverviewHeader,.configKeyMetaGrid,.configKeyBaseEditor{grid-template-columns:1fr}.welcomeModal,.configModal{padding:1.2rem}.welcomeCallouts{grid-template-columns:1fr}}.detailGrid{display:grid;gap:0;margin:0;padding:0}.detailRow{display:flex;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--border)}.detailRow:last-child{border-bottom:none}.detailRow dt{flex:0 0 140px;font-weight:600;color:var(--text-muted)}.detailRow dd{margin:0;flex:1}.toastContainer{position:fixed;bottom:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast{padding:.75rem 1rem;border-radius:6px;font-size:.88rem;font-weight:500;color:#fff;pointer-events:auto;animation:toastSlideIn .2s ease-out;max-width:400px}.toastSuccess{background:#2e7d32}.toastError{background:#c62828}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.typeBadge{display:inline-block;padding:.15rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;letter-spacing:.03em;background:var(--surface);border:1px solid var(--border);color:var(--text-muted)}.envRulesBadge{color:var(--accent);font-weight:600;font-size:.85rem}.tagPill{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .5rem;border-radius:999px;font-size:.8rem;background:var(--surface);border:1px solid var(--border);color:var(--text)}.tagPillRemove{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:0;font-size:1rem;line-height:1}.tagPillRemove:hover{color:var(--danger, #E53935)}.envSection{margin-bottom:.75rem}.envSectionHeader{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border)}.toggleLabel{display:flex;align-items:center;gap:.5rem;font-size:.85rem;cursor:pointer}.ruleCard{padding:.75rem;margin-bottom:.5rem;border:1px solid var(--border);border-radius:6px;background:var(--surface)}.monoInput{font-family:monospace;font-size:.82rem}.configValueCell{cursor:pointer;padding:.25rem .5rem;border-radius:4px;font-size:.85rem;min-height:1.5rem}.configValueCell:hover{background:var(--surface)}.configValueCell.isInherited{color:var(--text-muted)}.cellEditInput{font-size:.85rem;padding:.2rem .4rem;border:1px solid var(--accent);border-radius:4px;outline:none;width:100%;max-width:200px}.backLink{display:inline-flex;align-items:center;gap:.25rem;font-size:.85rem;color:var(--text-muted);text-decoration:none}.backLink:hover{color:var(--text)}.explorerLayout{display:grid;grid-template-columns:240px 1fr;gap:1rem;min-height:0}.explorerList{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.explorerListItems{flex:1;overflow-y:auto;padding:.25rem 0}.explorerListItem{display:flex;flex-direction:column;width:100%;padding:.5rem .75rem;border:none;background:none;text-align:left;cursor:pointer;font-size:.85rem;color:var(--text);border-left:3px solid transparent}.explorerListItem:hover{background:var(--surface-alt)}.explorerListItem.isActive{background:color-mix(in srgb,var(--accent) 8%,var(--surface));border-left-color:var(--accent)}.explorerListItemName{font-weight:600;line-height:1.3}.explorerListItemParent{font-size:.75rem;color:var(--text-muted)}.explorerListCreate{display:flex;align-items:center;gap:.35rem;padding:.6rem .75rem;border:none;border-top:1px solid var(--border);background:none;cursor:pointer;font-size:.82rem;color:var(--text-muted)}.explorerListCreate:hover{background:var(--surface-alt);color:var(--text)}.explorerDetail{min-width:0}.typePill{display:inline-flex;align-items:center;font-size:.65rem;font-weight:700;padding:.1rem .35rem;border-radius:4px;letter-spacing:.02em;line-height:1.4;white-space:nowrap}.viewToggle{display:inline-flex;border:1px solid var(--border);border-radius:6px;overflow:hidden}.viewToggleBtn{padding:.25rem .6rem;font-size:.78rem;border:none;background:none;cursor:pointer;color:var(--text-muted)}.viewToggleBtn.isActive{background:var(--surface-alt);color:var(--text);font-weight:600}.keyNameRow{display:inline-flex;align-items:center;gap:.4rem}.keyMenuBtn{opacity:0;border:none;background:none;cursor:pointer;font-size:1rem;color:var(--text-muted);padding:0 .2rem;line-height:1}tr:hover .keyMenuBtn{opacity:1}.keyDescription{display:block;font-size:.75rem;color:var(--text-muted);line-height:1.3;margin-top:.1rem}.textMuted{color:var(--text-muted)}.keyContextMenu{position:fixed;z-index:1000;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);padding:.25rem 0;min-width:160px}.keyContextMenu button{display:block;width:100%;padding:.45rem .75rem;border:none;background:none;text-align:left;cursor:pointer;font-size:.85rem;color:var(--text)}.keyContextMenu button:hover{background:var(--surface-alt)}.keyContextMenu button.danger{color:var(--danger)}.keyGroupToggle{display:inline-flex;align-items:center;gap:.3rem;border:none;background:none;cursor:pointer;padding:0;color:var(--text)}.keyGroupArrow{display:inline-block;font-size:.75rem;transition:transform .15s}.keyGroupArrow.isCollapsed{transform:rotate(-90deg)}.keyGroupAdd{opacity:0;border:none;background:none;cursor:pointer;color:var(--text-muted);padding:0 .25rem;line-height:1}tr:hover .keyGroupAdd{opacity:1}.cellEditor{display:flex;flex-direction:column;gap:.25rem}.cellEditorActions{display:flex;gap:.4rem}.cellEditorJson{min-width:200px}.cellEditTextarea{font-family:monospace;font-size:.82rem;padding:.3rem .5rem;border:1px solid var(--accent);border-radius:4px;outline:none;resize:vertical;width:100%}.cellEditError{font-size:.75rem;color:var(--danger)}.cellRevert{color:var(--text-muted)}.addKeyRow{display:inline-flex;align-items:center;gap:.3rem;border:none;background:none;cursor:pointer;font-size:.82rem;color:var(--text-muted);padding:0}.addKeyRow:hover{color:var(--text)}.inheritedRow td{color:var(--text-muted)}.envColHeader{display:inline-flex;align-items:center;gap:.35rem}.envDot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.toggleSwitch{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer}.toggleSwitch input{display:none}.toggleSlider{width:36px;height:20px;background:var(--border);border-radius:10px;position:relative;transition:background .2s}.toggleSlider:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s}.toggleSwitch input:checked+.toggleSlider{background:var(--accent)}.toggleSwitch input:checked+.toggleSlider:after{transform:translate(16px)}.toggleLabel{font-size:.85rem;color:var(--text)}@media(max-width:768px){.explorerLayout{grid-template-columns:1fr}.explorerList{max-height:200px}}.comboBox{position:relative;display:flex;align-items:center}.comboBoxInput{width:100%;padding:.4rem 2rem .4rem .5rem;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);font-size:.85rem;line-height:1.4}.comboBoxInput:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.comboBoxToggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:none;border:none;padding:.25rem;color:var(--text-muted);cursor:pointer;display:flex;align-items:center}.comboBoxDropdown{position:absolute;top:100%;left:0;right:0;margin-top:2px;background:var(--surface);border:1px solid var(--border);border-radius:6px;box-shadow:var(--shadow);z-index:50;max-height:200px;overflow-y:auto}.comboBoxOption{padding:.4rem .6rem;font-size:.85rem;cursor:pointer}.comboBoxOption:hover,.comboBoxOption.isFocused{background:var(--bg-alt)}.comboBoxOption.isSelected{font-weight:600;color:var(--accent)}.comboBoxCreate{font-style:italic;color:var(--accent)}.ruleBuilder{margin-top:.25rem}.ruleCardHeader{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.ruleDescription{flex:1;font-size:.85rem}.ruleConditions{margin-bottom:.5rem}.conditionRow{display:flex;gap:.4rem;align-items:center;margin-bottom:.4rem}.conditionField{flex:1;min-width:0}.conditionFieldSmall{flex:0 0 130px}.conditionSelect{width:100%;padding:.4rem .5rem;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);font-size:.85rem}.conditionRemove{flex-shrink:0;font-size:1rem;padding:0 .25rem}.ruleServeValue{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border)}.ruleAdvanced{margin-bottom:.5rem}.dragHandle{cursor:grab;color:var(--text-muted);font-size:1.1rem;-webkit-user-select:none;user-select:none;flex-shrink:0;line-height:1}.ruleDragging{opacity:.5}.valueRow{display:flex;gap:.75rem;align-items:center;margin-bottom:.5rem;font-size:.88rem}.defaultBadge{font-size:.72rem;font-weight:600;color:var(--accent);background:var(--accent-soft);padding:.1rem .4rem;border-radius:4px;text-transform:uppercase;letter-spacing:.03em}.loggingPage{display:flex;flex-direction:column;gap:0}.loggingTabBar{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--border);margin-bottom:.5rem}.loggingTabs{display:flex;gap:0}.loggingTab{padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;color:var(--text-muted);transition:color .15s,border-color .15s}.loggingTab:hover{color:var(--text)}.loggingTab.isActive{color:var(--accent);border-bottom-color:var(--accent)}.loggingTabBarActions{display:flex;align-items:center;gap:.5rem}.loggingInfoBanner{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1rem;margin-bottom:.75rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.85rem;color:var(--text-secondary)}.loggingInfoBannerClose{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:1.1rem;padding:0 .25rem;line-height:1;flex-shrink:0}.loggingInfoBannerClose:hover{color:var(--text)}.loggingToolbar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.5rem 0;margin-bottom:.5rem}.loggingToolbarGroup{display:flex;align-items:center;gap:.25rem}.loggingToolbarSearch{display:flex;align-items:center;gap:.4rem;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:.3rem .6rem}.loggingSearchInput{border:none;background:transparent;outline:none;font-size:.85rem;color:var(--text);width:160px}.loggingSearchInput::placeholder{color:var(--text-muted)}.loggingManagedFilter,.loggingServiceFilter,.loggingTimeWindowFilter{font-size:.85rem;padding:.3rem .5rem;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.loggingManagedFilter:focus,.loggingServiceFilter:focus,.loggingTimeWindowFilter:focus{outline:2px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:1px}.envPicklistPopover{position:absolute;top:calc(100% + 4px);right:0;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 16px #0000002e;min-width:240px;max-width:320px;z-index:100;padding:.5rem 0}.envPicklistHeader{display:flex;align-items:center;justify-content:space-between;padding:.4rem .75rem .3rem;font-size:.78rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);margin-bottom:.25rem}.envPicklistReset{font-size:.75rem;font-weight:400;color:var(--primary);background:none;border:none;cursor:pointer;padding:0;text-transform:none;letter-spacing:0}.envPicklistReset:hover{text-decoration:underline}.envPicklistItem{display:flex;align-items:center;gap:.5rem;padding:.3rem .75rem;font-size:.85rem;-webkit-user-select:none;user-select:none}.envPicklistItem label{display:flex;align-items:center;gap:.4rem;flex:1;cursor:pointer}.envPicklistMoveBtn{background:none;border:none;cursor:pointer;padding:.1rem .2rem;color:var(--text-muted);display:flex;align-items:center;border-radius:3px;line-height:1}.envPicklistMoveBtn:hover{background:var(--surface-alt);color:var(--text)}.envPicklistMoveBtn:disabled{opacity:.3;cursor:not-allowed}.envPicklistSectionLabel{padding:.3rem .75rem .1rem;font-size:.73rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.envPicklistDivider{border:none;border-top:1px solid var(--border);margin:.25rem 0}.envPicklistWrapper{position:relative}.loggingManagedGear{display:inline-flex;align-items:center;color:var(--accent);opacity:.7;margin-left:.3rem;flex-shrink:0}.loggingViewToggle{background:var(--surface);border:1px solid var(--border);cursor:pointer;padding:.3rem .5rem;color:var(--text-muted);display:flex;align-items:center}.loggingViewToggle:first-child{border-radius:6px 0 0 6px}.loggingViewToggle:last-child{border-radius:0 6px 6px 0;border-left:none}.loggingViewToggle:hover{background:var(--surface-alt);color:var(--text)}.loggingViewToggle.isActive{background:var(--accent);color:#fff;border-color:var(--accent)}.loggingToolbarIconBtn{background:none;border:1px solid var(--border);border-radius:4px;cursor:pointer;padding:.25rem;color:var(--text-muted);display:flex;align-items:center}.loggingToolbarIconBtn:hover{background:var(--surface-alt);color:var(--text)}.loggingTablePanel{overflow:visible}.loggingTableWrapper{overflow-x:auto}.loggingDataTable{table-layout:auto}.loggingNameCell{position:sticky;left:0;background:var(--background);z-index:1;min-width:200px}.loggingNameCol{position:sticky;left:0;background:var(--background);z-index:2;min-width:200px}.loggingEnvCol{white-space:nowrap;min-width:100px}.loggingEnvCell{white-space:nowrap}.loggingLoggerName{font-weight:500;font-size:.88rem}.loggingGroupCell{cursor:pointer}.loggingGroupCell:hover{background:var(--surface-alt)}.envColorDot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:.35rem;vertical-align:middle}.segmentedControl{display:inline-flex;border:1px solid var(--border);border-radius:6px;overflow:hidden;background:var(--surface)}.segmentedControlOption{padding:.3rem .65rem;font-size:.8rem;border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.segmentedControlOption:not(:last-child){border-right:1px solid var(--border)}.segmentedControlOption:hover{background:var(--surface-alt)}.segmentedControlOption.isActive{background:var(--accent);color:#fff}.levelChipWrapper{position:relative;display:inline-block}.levelChip{display:inline-block;padding:.15rem .5rem;border-radius:10px;font-size:.8rem;font-weight:600;border:1px solid;background:transparent;line-height:1.4;cursor:default}.levelChip.isInteractive{cursor:pointer}.levelChip.isInteractive:hover{opacity:.85}.levelChip.isSaving{opacity:.5;pointer-events:none}.levelChipDropdown{position:absolute;top:100%;left:0;z-index:100;margin-top:4px;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);padding:.25rem 0;list-style:none;min-width:120px}.levelChipDropdownItem{padding:.35rem .75rem;cursor:pointer;font-size:.85rem;white-space:nowrap}.levelChipDropdownItem:hover{background:var(--surface-alt)}.levelChipDropdownItem.isSelected{font-weight:600}.contextMenu{position:relative;display:inline-block}.contextMenuTrigger{background:none;border:none;cursor:pointer;padding:.2rem;border-radius:4px;color:var(--text-muted);display:flex;align-items:center}.contextMenuTrigger:hover{background:var(--surface-alt);color:var(--text)}.contextMenuDropdown{position:fixed;z-index:1000;margin:0;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);padding:.25rem 0;list-style:none;min-width:160px}.contextMenuDropdownItem{padding:.4rem .75rem;cursor:pointer;font-size:.85rem;white-space:nowrap;color:var(--text)}.contextMenuDropdownItem:hover{background:var(--surface-alt)}.contextMenuDropdownItem.isDanger{color:var(--danger)}.contextMenuDropdownItem.isDisabled{opacity:.45;cursor:default}.columnPicker{position:relative;display:inline-block}.columnPickerDropdown{position:absolute;top:100%;left:0;z-index:100;margin-top:4px;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);padding:.25rem 0;list-style:none;min-width:200px}.columnPickerRow{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;cursor:pointer;font-size:.85rem}.columnPickerRow:hover{background:var(--surface-alt)}.columnPickerColorDot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.treeConnector{display:flex;align-items:center}.treeConnectorSegment{display:inline-block;width:20px;height:100%;position:relative;flex-shrink:0}.treeConnectorSegment.isContinuation:before{content:"";position:absolute;left:9px;top:-50%;bottom:-50%;width:1px;background:var(--border)}.treeConnectorSegment.isBranch:before{content:"";position:absolute;left:9px;top:-50%;bottom:50%;width:1px;background:var(--border)}.treeConnectorSegment.isBranch:after{content:"";position:absolute;left:9px;top:50%;width:10px;height:1px;background:var(--border)}.treeConnectorSegment.isLast:before{content:"";position:absolute;left:9px;top:-50%;bottom:50%;width:1px;background:var(--border)}.treeConnectorSegment.isLast:after{content:"";position:absolute;left:9px;top:50%;width:10px;height:1px;background:var(--border)}.treeConnectorContent{display:flex;align-items:center;gap:.35rem;min-width:0}.loggingRowUnmanaged .loggingLoggerName,.loggingRowUnmanaged .loggingTreeGroupLabel,.loggingRowUnmanaged .loggingTreeToggle,.loggingRowUnmanaged .levelChip{opacity:.55}.loggingRowUnmanaged .loggingGroupCell>span{opacity:.55}.loggingRowUnmanaged td>.muted{opacity:.55}.loggingRowUnmanaged .contextMenuTrigger{opacity:.55}.loggingRowGroup td{padding-top:.35rem;padding-bottom:.35rem}.loggingTreeToggle{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:.25rem;padding:0;color:var(--text)}.loggingTreeToggle:hover{color:var(--accent)}.loggingTreeGroupLabel{font-size:.85rem;color:var(--text-muted);font-weight:500}.loggingGroupBadge{font-size:.78rem;padding:.1rem .4rem;border-radius:4px;background:var(--surface-alt);color:var(--text-secondary)}.loggingGroupBadgeClickable{cursor:pointer}.loggingGroupBadgeClickable:hover{opacity:.75}.loggingTreeToggleSpacer{display:inline-block;width:14px;flex-shrink:0}.loggingGroupSelect{font-size:.78rem;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.1rem .2rem;max-width:120px}.loggingGroupSelect:focus{outline:1px solid var(--border-focus, var(--accent));border-radius:3px}.groupCardCount{font-size:.75rem;color:var(--text-muted);background:var(--surface-alt);padding:.1rem .4rem;border-radius:10px}.loggerGroupsSection{border-bottom:1px solid var(--border)}.loggerGroupsGroupRow{background:var(--surface)}.loggerGroupsGroupRow td{padding-top:.5rem;padding-bottom:.5rem}.loggerGroupsMemberRow td{font-size:.88rem}.manageMLoggersList{max-height:320px;overflow-y:auto;margin-bottom:1rem}.manageLoggerRow{display:flex;align-items:center;gap:.5rem;padding:.4rem .25rem;font-size:.88rem;cursor:pointer;border-radius:4px}.manageLoggerRow:hover{background:var(--surface-alt)}.manageLoggerRow code{font-size:.85rem}
