:root{color-scheme:light dark;--color-white: #ffffff;--color-gray-25: #fcfcfd;--color-gray-50: #f9fafb;--color-gray-100: #f2f4f7;--color-gray-200: #eaecf0;--color-gray-300: #d0d5dd;--color-gray-400: #98a2b3;--color-gray-500: #667085;--color-gray-600: #475467;--color-gray-700: #344054;--color-gray-800: #1d2939;--color-gray-900: #101828;--color-primary-50: light-dark(#f0fdfa, #042f2e);--color-primary-100: #ccfbf1;--color-primary-200: #99f6e4;--color-primary-500: #14b8a6;--color-primary-600: #0d9488;--color-primary-700: light-dark(#0f766e, #5eead4);--color-success-50: light-dark(#ecfdf3, #0d2818);--color-success-200: light-dark(#a6f4c5, #14532d);--color-success-500: #12b76a;--color-success-700: light-dark(#027a48, #6ee7b7);--color-error-50: light-dark(#fef3f2, #3a1212);--color-error-200: light-dark(#fda29b, #7f1d1d);--color-error-500: #f04438;--color-error-700: light-dark(#b42318, #fca5a5);--color-warning-50: light-dark(#fffaeb, #3a2b08);--color-warning-200: light-dark(#fec84b, #78350f);--color-warning-500: #f79009;--color-warning-700: light-dark(#b54708, #fde68a);--color-blue-50: light-dark(#eff8ff, #0c1929);--color-blue-100: light-dark(#d1e9ff, #1e3a5f);--color-blue-200: light-dark(#b2ddff, #1e3a5f);--color-blue-500: #2e90fa;--color-blue-700: light-dark(#175cd3, #93c5fd);--space-2xs: 2px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--space-3xl: 32px;--space-4xl: 40px;--space-5xl: 48px;--space-6xl: 64px;--font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--text-xs: 12px;--text-sm: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: clamp(18px, 1.6vw, 20px);--text-2xl: clamp(20px, 2vw, 24px);--text-display-sm: clamp(24px, 2.4vw, 30px);--text-3xl: var(--text-display-sm);--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.7;--tracking-tight: -.01em;--tracking-normal: 0;--tracking-wide: .04em;--duration-fast: .1s;--duration-normal: .15s;--duration-slow: .2s;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-xs: 0 1px 2px light-dark(rgba(16,24,40,.05), rgba(0,0,0,.3));--shadow-sm: 0 1px 3px light-dark(rgba(16,24,40,.1), rgba(0,0,0,.4)), 0 1px 2px light-dark(rgba(16,24,40,.06), rgba(0,0,0,.3));--shadow-md: 0 4px 8px -2px rgba(16,24,40,.1), 0 2px 4px -2px rgba(16,24,40,.06);--shadow-lg: 0 12px 16px -4px light-dark(rgba(16,24,40,.08), rgba(0,0,0,.4)), 0 4px 6px -2px light-dark(rgba(16,24,40,.03), rgba(0,0,0,.3));--sidebar-width: 280px;--header-height: 72px;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-drawer: 400;--z-modal: 500;--z-fab: 600;--z-toast: 1000;--z-skiplink: 1100;--bg-page: light-dark(var(--color-gray-50), #0f172a);--bg-surface: light-dark(var(--color-white), #1f2937);--bg-surface-secondary: light-dark(var(--color-gray-50), #1a2332);--bg-surface-hover: light-dark(var(--color-gray-25), #263347);--bg-sidebar: light-dark(var(--color-white), #111827);--bg-topbar: light-dark(var(--color-white), #111827);--bg-input: light-dark(var(--color-white), #263347);--bg-toast: light-dark(var(--color-gray-900), #e2e8f0);--text-primary: light-dark(var(--color-gray-900), #f1f5f9);--text-secondary: light-dark(var(--color-gray-700), #cbd5e1);--text-tertiary: light-dark(var(--color-gray-500), #94a3b8);--text-placeholder: light-dark(var(--color-gray-400), #475569);--text-on-dark: light-dark(var(--color-white), #1f2937);--text-toast: light-dark(var(--color-white), #1f2937);--border-color: light-dark(var(--color-gray-200), #334155);--border-input: light-dark(var(--color-gray-300), #475569);--border-focus: var(--color-primary-500);--focus-ring: 0 0 0 3px rgba(20, 184, 166, .2);--badge-bg: light-dark(var(--color-gray-100), #263347);--badge-text: light-dark(var(--color-gray-700), #cbd5e1);--avatar-bg: light-dark(var(--color-gray-200), #334155);--avatar-text: light-dark(var(--color-gray-600), #cbd5e1);--surface: var(--bg-surface);--surface-raised: var(--bg-surface);--surface-sunken: var(--bg-surface-secondary);--border: var(--border-color);--color-primary: var(--color-primary-600);--color-danger: var(--color-error-500);--color-success: var(--color-success-500);--color-success-bg: var(--color-success-50);--color-text: var(--text-primary);--color-text-muted: var(--text-tertiary);--text-muted: var(--text-tertiary);--text-base: var(--text-md);--font-mono: "SFMono-Regular", "SF Mono", Menlo, Consolas, monospace}html.light{color-scheme:light}html.dark{color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-family);font-size:var(--text-sm);line-height:1.5;color:var(--text-primary);background-color:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-primary-700);text-decoration:none}a:hover{text-decoration:underline}img,svg{display:block}button{font-family:inherit;cursor:pointer}.app-layout{display:flex;min-height:100vh;min-height:100dvh}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);display:flex;flex-direction:column;flex-shrink:0;position:sticky;top:0;align-self:flex-start;height:100vh;height:100dvh;overflow-y:auto}.sidebar-logo{display:flex;align-items:center;gap:var(--space-md);height:var(--header-height);padding:0 var(--space-xl);border-bottom:1px solid var(--border-color);text-decoration:none;flex-shrink:0;box-sizing:border-box}.sidebar-logo:hover{text-decoration:none}.sidebar-logo-icon{width:32px;height:32px;border-radius:var(--radius-md);background:var(--color-primary-600);display:flex;align-items:center;justify-content:center;color:var(--color-white);flex-shrink:0}.sidebar-logo-name{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.sidebar-logo-version{font-size:var(--text-xs);color:var(--text-tertiary);background:var(--badge-bg);padding:2px 6px;border-radius:var(--radius-full);margin-left:auto;flex-shrink:0}.sidebar-section{padding:var(--space-xl) 0 var(--space-sm)}.sidebar-section-title{font-size:var(--text-xs);font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;padding:0 var(--space-xl) var(--space-xs)}.sidebar-nav-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-xl);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);text-decoration:none;border-radius:0;transition:background var(--duration-fast),color var(--duration-fast)}.sidebar-nav-item:hover{background:var(--bg-surface-secondary);color:var(--text-primary);text-decoration:none}.sidebar-nav-item.active{background:var(--bg-surface-secondary);color:var(--text-primary);font-weight:600}.sidebar-nav-item svg{width:20px;height:20px;flex-shrink:0;color:currentColor}.sidebar-nav-badge{margin-left:auto;background:var(--badge-bg);color:var(--badge-text);font-size:var(--text-xs);font-weight:500;padding:2px 8px;border-radius:var(--radius-full)}.sidebar-nav-group{display:block}.sidebar-nav-group>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-xl);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);transition:background var(--duration-fast),color var(--duration-fast)}.sidebar-nav-group>summary::-webkit-details-marker{display:none}.sidebar-nav-group>summary:hover{background:var(--bg-surface-secondary);color:var(--text-primary)}.sidebar-nav-group>summary svg{width:20px;height:20px;flex-shrink:0;color:currentColor}.sidebar-nav-group-chevron{margin-left:auto;transition:transform var(--duration-normal) ease}.sidebar-nav-group[open]>summary .sidebar-nav-group-chevron{transform:rotate(180deg)}.sidebar-nav-sub{display:flex;flex-direction:column}.sidebar-nav-sub .sidebar-nav-item{padding-left:calc(var(--space-xl) + 32px)}@media (min-width: 1025px){html[data-sidebar-collapsed] .sidebar-nav-group>summary{justify-content:center;padding-left:var(--space-md);padding-right:var(--space-md)}html[data-sidebar-collapsed] .sidebar-nav-group-chevron,html[data-sidebar-collapsed] .sidebar-nav-sub{display:none}}.sidebar-spacer{flex:1}@media (min-width: 1025px){html[data-sidebar-collapsed]{--sidebar-width: 64px}html[data-sidebar-collapsed] .sidebar-logo-name,html[data-sidebar-collapsed] .sidebar-logo-version,html[data-sidebar-collapsed] .sidebar-section-title,html[data-sidebar-collapsed] .sidebar-nav-label,html[data-sidebar-collapsed] .sidebar-nav-badge{display:none}html[data-sidebar-collapsed] .sidebar-nav-item{justify-content:center;padding-left:var(--space-md);padding-right:var(--space-md)}html[data-sidebar-collapsed] .sidebar-logo{justify-content:center;padding-left:0;padding-right:0}}.sidebar-collapse-btn{display:none;align-items:center;justify-content:center;width:100%;height:36px;border:0;background:transparent;color:var(--text-tertiary);cursor:pointer;border-top:1px solid var(--border-color)}.sidebar-collapse-btn:hover{color:var(--text-primary);background:var(--bg-surface-secondary)}@media (min-width: 1025px){.sidebar-collapse-btn{display:flex}}html[data-sidebar-collapsed] .sidebar-collapse-btn svg{transform:rotate(180deg)}.sidebar-tooltip{position:fixed;transform:translateY(-50%);background:var(--bg-surface-elevated, var(--bg-surface));color:var(--text-primary);padding:var(--space-xs) var(--space-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);white-space:nowrap;font-size:var(--text-sm);font-weight:500;line-height:1;z-index:100;pointer-events:none;opacity:0;visibility:hidden}.sidebar-tooltip.is-visible{opacity:1;visibility:visible}.main{flex:1;display:flex;flex-direction:column;min-width:0;border-left:1px solid var(--border-color)}@media (max-width: 480px){:root{--header-height: 56px}}.topbar{height:var(--header-height);background:var(--bg-topbar);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-3xl);flex-shrink:0;position:sticky;top:0;z-index:10}.topbar-burger{display:none;align-items:center;justify-content:center;background:none;border:none;padding:var(--space-sm);margin-right:var(--space-sm);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:background var(--duration-fast),color var(--duration-fast)}.topbar-burger:hover{background:var(--bg-surface-secondary);color:var(--text-primary)}.topbar-burger svg{width:24px;height:24px}.sidebar-backdrop{position:fixed;inset:0;background:#00000073;z-index:var(--z-overlay);opacity:0;pointer-events:none;transition:opacity var(--duration-slow) ease}.sidebar-backdrop.sidebar-backdrop-open{opacity:1;pointer-events:auto}.topbar-breadcrumb{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:var(--text-tertiary);min-width:0;flex:1}.topbar-breadcrumb a{color:var(--text-tertiary);text-decoration:none}.topbar-breadcrumb a:hover{color:var(--text-primary);text-decoration:none}.topbar-breadcrumb-sep{color:var(--text-placeholder);display:flex;align-items:center}.topbar-breadcrumb-sep svg{width:14px;height:14px}.topbar-breadcrumb-current{color:var(--text-primary);font-weight:500}.topbar-breadcrumb-list{display:flex;align-items:center;gap:var(--space-sm);list-style:none;margin:0;padding:0;min-width:0}.topbar-breadcrumb-item{display:flex;align-items:center;gap:var(--space-sm)}.topbar-breadcrumb-item+.topbar-breadcrumb-item:before{content:"/";color:var(--text-placeholder)}.topbar-user{display:flex;align-items:center;gap:var(--space-md);position:relative}.topbar-username{font-size:var(--text-sm);color:var(--text-secondary)}.topbar-user-trigger{display:flex;align-items:center;gap:var(--space-md);background:none;border:none;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);color:inherit;cursor:pointer;transition:background var(--duration-fast)}.topbar-user-trigger:hover,.topbar-user-trigger[aria-expanded=true]{background:var(--bg-surface-secondary)}.topbar-user-chevron{display:inline-flex;color:var(--text-secondary);transition:transform var(--duration-fast)}.topbar-user-chevron svg{width:16px;height:16px}.topbar-user-trigger[aria-expanded=true] .topbar-user-chevron{transform:rotate(180deg)}.topbar-user-menu{position:absolute;top:calc(100% + var(--space-xs));right:0;min-width:220px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-xs);z-index:20}.topbar-user-menu[hidden]{display:none}.topbar-user-menu-header{padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-xs);border-bottom:1px solid var(--border-color)}.topbar-user-menu-name{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.topbar-user-menu-form{margin:0}.topbar-user-menu-item{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);text-align:left;text-decoration:none;cursor:pointer;transition:background var(--duration-fast),color var(--duration-fast)}.topbar-user-menu-item:hover{background:var(--bg-surface-secondary);color:var(--text-primary)}.topbar-user-menu-item svg{width:18px;height:18px;flex-shrink:0}.topbar-user-menu-sep{height:1px;margin:var(--space-xs) 0;background:var(--border-color)}.topbar-user-menu-theme{padding:var(--space-sm) var(--space-md)}.topbar-user-menu-label{display:block;margin-bottom:var(--space-xs);font-size:var(--text-xs);color:var(--text-tertiary)}.topbar-user-menu-theme .segmented{display:flex}.topbar-user-menu-theme .segmented-option{flex:1}.page-content{flex:1;padding:var(--space-3xl);container-type:inline-size}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap;margin-bottom:var(--space-3xl)}.page-header h1,.page-title{font-size:var(--text-display-sm);font-weight:600;color:var(--text-primary);line-height:1.2}.page-header p{font-size:var(--text-md);color:var(--text-tertiary);margin-top:var(--space-sm)}.page-actions{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-2xl);box-shadow:var(--shadow-sm)}.card-interactive{display:flex;flex-direction:column;gap:var(--space-md);text-decoration:none;transition:border-color var(--duration-normal),box-shadow var(--duration-normal)}.card-interactive:hover,.card-interactive:focus-visible{border-color:var(--color-primary-500);box-shadow:var(--shadow-md);text-decoration:none;outline:none}.card-disabled{opacity:.5}.card-icon{color:var(--color-primary-600)}.card-icon-muted{color:var(--text-tertiary)}.card-title{font-size:var(--text-md);font-weight:600;color:var(--text-primary)}.card-description{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:var(--space-xs);line-height:1.5}.card-link-hint{font-size:var(--text-xs);color:var(--color-primary-700);margin-top:auto}.probe-rollup{display:flex;flex-direction:column;gap:var(--space-xs)}.probe-rollup__head{display:flex;align-items:center;gap:var(--space-sm);font-weight:600;color:var(--text-primary)}.probe-rollup__row{display:flex;align-items:center;gap:var(--space-sm)}.probe-rollup__label{flex:1 1 auto}.probe-rollup__count{color:var(--text-tertiary);font-variant-numeric:tabular-nums}.probe-rollup__dot{flex:0 0 auto;width:.5rem;height:.5rem;border-radius:9999px;background:var(--text-placeholder)}.probe-rollup__dot--up{background:var(--color-success-500)}.probe-rollup__dot--down{background:var(--color-error-500)}.probe-rollup__dot--unknown{background:var(--text-placeholder)}.card-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.card-header .card-icon{flex-shrink:0}.card-hero{position:relative;background:linear-gradient(135deg,var(--bg-surface) 0%,var(--color-primary-50) 200%);box-shadow:var(--shadow-md)}.card-hero:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--color-primary-500);border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.card-subtle{background:var(--bg-surface-secondary);border:none;box-shadow:none}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-xl)}.grid-cards[data-dashboard-reorderable]>[data-card-id]{cursor:grab}.grid-cards[data-dashboard-reorderable]>[data-card-id]:active{cursor:grabbing}.grid-cards .card.is-dragging{opacity:.5}.grid-cards.is-reordering>[data-card-id]{outline:1px dashed var(--color-border, #cbd5e1);outline-offset:2px}.grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl)}@media (max-width: 768px){.grid-2col{grid-template-columns:1fr}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg)}@media (max-width: 480px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-sm)}}.grid-split{display:grid;grid-template-columns:minmax(280px,1fr) 2fr;gap:var(--space-xl);align-items:flex-start}@media (max-width: 768px){.grid-split{grid-template-columns:1fr}}.next-steps{margin:0;padding-left:var(--space-lg);font-size:var(--text-sm);color:var(--text-muted);line-height:1.8}.dl-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md) var(--space-xl);margin-top:var(--space-xl);font-size:var(--text-sm)}.dl-grid .dl-span-2{grid-column:1 / -1}.dl-grid dt{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.dl-grid dd{margin:var(--space-xs) 0 0 0;color:var(--text-primary)}@media (max-width: 640px){.dl-grid{grid-template-columns:1fr}}.code-callout{background:var(--color-gray-900);color:var(--color-white);text-align:center;font-size:var(--text-display-sm);letter-spacing:.4em;font-family:var(--font-mono);padding:var(--space-xl);border-radius:var(--radius-md)}.filter-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.filter-bar .form-group{margin:0}.filter-bar .filter-apply{display:flex;align-items:flex-end}.stack{display:flex;flex-direction:column;gap:var(--space-lg)}.callout{border-radius:var(--radius-md);padding:var(--space-md);font-size:var(--text-sm);line-height:1.5}.callout-warning{background:var(--color-warning-50);border:1px solid var(--color-warning-200);color:var(--color-warning-700)}.callout-error{background:var(--color-error-50);border:1px solid var(--color-error-200);color:var(--color-error-700)}.callout-info{background:var(--color-blue-50);border:1px solid var(--color-blue-200);color:var(--color-blue-700)}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--avatar-bg);color:var(--avatar-text);font-size:var(--text-xs);font-weight:600;flex-shrink:0;overflow:hidden;line-height:1;text-transform:uppercase;letter-spacing:.02em}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.avatar-sm{width:32px;height:32px}.avatar-md{width:36px;height:36px}.avatar-lg{width:48px;height:48px;font-size:var(--text-sm)}.avatar-wrap{position:relative;display:inline-flex}.avatar-badge{position:absolute;top:-6px;right:-6px;pointer-events:none}.avatar-preview{width:128px;height:128px;border-radius:var(--radius-full);background:var(--avatar-bg);color:var(--avatar-text);display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:var(--text-lg);font-weight:600;text-transform:uppercase;line-height:1;margin-inline:auto}.avatar-preview img{width:100%;height:100%;object-fit:cover;display:block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:8px 14px;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;line-height:1;border:1px solid transparent;box-shadow:var(--shadow-xs);cursor:pointer;text-decoration:none;transition:background var(--duration-fast),border-color var(--duration-fast),color var(--duration-fast),opacity var(--duration-fast);white-space:nowrap}.btn:hover{text-decoration:none}.btn:disabled,.btn[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.btn svg{width:18px;height:18px;flex-shrink:0}.btn-primary{background:var(--color-primary-600);border-color:var(--color-primary-600);color:var(--color-white)}.btn-primary:hover{background:var(--color-primary-700);border-color:var(--color-primary-700);color:var(--color-white)}.btn-block,.auth-card .btn,.auth-card form .btn{width:100%;justify-content:center}.auth-card .alert{margin-bottom:var(--space-2xl)}.btn-secondary{background:var(--bg-surface);border-color:var(--border-input);color:var(--text-secondary)}.btn-secondary:hover{background:var(--bg-surface-secondary);color:var(--text-primary)}.btn-danger{background:var(--color-error-50);border-color:var(--color-error-500);color:var(--color-error-700)}.btn-danger:hover{background:var(--color-error-500);color:var(--color-white)}.btn-success{background:var(--color-success-50);border-color:var(--color-success-500);color:var(--color-success-700)}.btn-success:hover{background:var(--color-success-500);color:var(--color-white)}.btn-sm{padding:5px 10px;font-size:var(--text-xs)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:background var(--duration-fast),color var(--duration-fast);flex-shrink:0}.btn-icon:hover{background:var(--bg-surface-secondary);color:var(--text-primary)}.btn-icon svg{width:18px;height:18px}.btn-link{background:none;border:none;box-shadow:none;padding:0;color:var(--color-primary-700);font-size:inherit;cursor:pointer}.btn-link:hover{color:var(--color-primary-700);text-decoration:underline}.range-toggle{display:inline-flex;align-items:center;gap:4px;padding:4px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md)}@media (max-width: 480px){.range-toggle{flex-wrap:wrap}}.range-toggle .range-pill{appearance:none;background:transparent;border:0;padding:6px 12px;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);border-radius:calc(var(--radius-md) - 2px);cursor:pointer;transition:background var(--duration-fast),color var(--duration-fast)}.range-toggle .range-pill:hover{color:var(--text-primary)}.range-toggle .range-pill[aria-pressed=true]{background:var(--bg-surface-secondary);color:var(--text-primary);box-shadow:var(--shadow-xs)}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--space-xl)}.form-label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.form-input,.form-select,.form-textarea{width:100%;padding:10px var(--space-md);font-size:var(--text-sm);font-family:inherit;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-input);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);outline:none;transition:border-color var(--duration-fast),box-shadow var(--duration-fast);line-height:1.5}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-placeholder)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--border-focus);box-shadow:var(--focus-ring)}.form-input.error,.form-select.error,.form-textarea.error{border-color:var(--color-error-500)}.form-textarea{resize:vertical;min-height:80px}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2398a2b3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.form-color-swatch{width:38px;height:38px;padding:3px;border:1px solid var(--border-input);border-radius:var(--radius-md);background:var(--bg-input);cursor:pointer;flex-shrink:0}.form-color-swatch::-webkit-color-swatch-wrapper{padding:0}.form-color-swatch::-webkit-color-swatch{border:none;border-radius:var(--radius-sm)}.form-color-swatch::-moz-color-swatch{border:none;border-radius:var(--radius-sm)}.form-color-swatch:focus-visible{outline:none;border-color:var(--border-focus);box-shadow:var(--focus-ring)}.form-hint{font-size:var(--text-xs);color:var(--text-tertiary)}.form-error-text{font-size:var(--text-xs);color:var(--color-error-700)}.form-checkbox{display:flex;align-items:flex-start;gap:var(--space-sm);cursor:pointer;line-height:1.4;margin-bottom:var(--space-xl)}.form-checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;width:18px;height:18px;min-width:18px;border:1.5px solid var(--border-input);border-radius:4px;background:var(--bg-input);cursor:pointer;flex-shrink:0;margin-top:1px;transition:border-color var(--duration-fast),background var(--duration-fast),box-shadow var(--duration-fast);position:relative}.form-checkbox input[type=checkbox]:checked{background:var(--color-primary-600);border-color:var(--color-primary-600);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12'%3E%3Cpolyline points='1.5,6 4.5,9 10.5,3' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.form-checkbox input[type=checkbox]:focus-visible{outline:none;box-shadow:var(--focus-ring);border-color:var(--border-focus)}.form-checkbox input[type=checkbox]:hover:not(:checked){border-color:var(--color-primary-500)}.form-checkbox label,.form-checkbox span{font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer}.form-radio{display:flex;align-items:flex-start;gap:var(--space-sm);cursor:pointer;line-height:1.4;margin-bottom:var(--space-md)}.form-radio input[type=radio]{appearance:none;-webkit-appearance:none;width:18px;height:18px;min-width:18px;border:1.5px solid var(--border-input);border-radius:50%;background:var(--bg-input);cursor:pointer;flex-shrink:0;margin-top:1px;transition:border-color var(--duration-fast),background var(--duration-fast),box-shadow var(--duration-fast)}.form-radio input[type=radio]:checked{border-color:var(--color-primary-600);background:radial-gradient(circle,var(--color-primary-600) 0 5px,var(--bg-input) 6px)}.form-radio label,.form-radio span{font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer}.search-wrapper{position:relative;display:flex;align-items:center}.search-wrapper svg{position:absolute;left:10px;width:18px;height:18px;color:var(--text-placeholder);pointer-events:none}.search-input{padding-left:36px;width:260px}.input-password-wrapper{position:relative}.input-password-wrapper .form-input{padding-right:44px}.input-password-toggle{position:absolute;right:var(--space-sm);top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-tertiary);display:flex;align-items:center;padding:4px}.input-password-toggle:hover{color:var(--text-primary)}.input-password-toggle svg{width:18px;height:18px}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap}.table-toolbar-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.table-toolbar-title span{font-size:var(--text-sm);font-weight:400;color:var(--text-tertiary);margin-left:var(--space-sm)}.table-toolbar-actions{display:flex;align-items:center;gap:var(--space-sm)}.data-table-wrapper{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{width:100%;border-collapse:collapse;table-layout:auto;--data-table-row-pad-y: var(--space-lg);--data-table-row-pad-x: var(--space-2xl)}.table{width:100%;border-collapse:collapse;table-layout:auto;font-size:var(--text-sm);color:var(--text-primary)}.table thead th{padding:var(--space-sm) var(--space-md);font-size:var(--text-xs);font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;text-align:left;white-space:nowrap;border-bottom:1px solid var(--border-color);background:var(--bg-surface-secondary)}.table tbody td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-color);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--bg-surface-hover)}.table-compact thead th,.table-compact tbody td{padding:var(--space-xs) var(--space-sm)}.data-table thead{background:var(--bg-surface-secondary)}.data-table thead th{padding:var(--space-md) var(--space-2xl);font-size:var(--text-xs);font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;text-align:left;white-space:nowrap;border-bottom:1px solid var(--border-color)}.data-table thead th.col-checkbox{width:44px;padding-right:0}.data-table thead th.col-actions{text-align:right}.data-table tbody tr{border-bottom:1px solid var(--border-color);transition:background var(--duration-fast)}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody tr:hover{background:var(--bg-surface-hover)}.data-table tbody tr.row-deactivated{opacity:.5}.data-table tbody tr.row-current-user{background:var(--color-primary-50);background:color-mix(in srgb,var(--color-primary-600) 8%,transparent);box-shadow:inset 3px 0 0 var(--color-primary-600)}.data-table tbody tr.row-partner{background:var(--color-blue-50, rgba(59, 130, 246, .06));box-shadow:inset 3px 0 0 0 var(--color-blue-500, #3b82f6)}.data-table tbody tr.row-partner:hover{background:var(--color-blue-100, rgba(59, 130, 246, .12))}input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary-600);cursor:pointer;margin:0;vertical-align:middle;flex-shrink:0}input[type=checkbox]:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.switch{display:inline-flex;align-items:center;gap:var(--space-sm);cursor:pointer;user-select:none;font-size:var(--text-sm);color:var(--text-primary)}.switch input[type=checkbox]{position:absolute;opacity:0;pointer-events:none;width:0;height:0}.switch-track{position:relative;display:inline-block;width:36px;height:20px;border-radius:999px;background:var(--color-gray-300, #d0d5dd);transition:background var(--duration-normal);flex-shrink:0}.switch-track:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--color-white);box-shadow:0 1px 3px #10182826;transition:transform var(--duration-normal)}.switch input[type=checkbox]:checked~.switch-track{background:var(--color-primary-600)}.switch input[type=checkbox]:checked~.switch-track:after{transform:translate(16px)}.switch input[type=checkbox]:focus-visible~.switch-track{outline:2px solid var(--border-focus);outline-offset:2px}.switch input[type=checkbox]:disabled~.switch-track{opacity:.5;cursor:not-allowed}[data-wrap=true]{flex-wrap:wrap}.skip-link{position:absolute;top:-40px;left:8px;z-index:var(--z-skiplink);padding:8px 16px;background:var(--color-primary-600);color:var(--color-white);text-decoration:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;transition:top var(--duration-normal)}.skip-link:focus{top:8px;outline:2px solid var(--border-focus);outline-offset:2px}.drop-zone{display:block;position:relative;padding:var(--space-2xl) var(--space-lg);border:2px dashed var(--border-color);border-radius:var(--radius-md);text-align:center;cursor:pointer;background:var(--bg-surface);transition:border-color var(--duration-normal),background var(--duration-normal)}.drop-zone:hover{border-color:var(--color-primary-600)}.drop-zone.is-dragover{border-color:var(--color-primary-600);background:var(--color-primary-50, rgba(13, 148, 136, .08))}.drop-zone input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.drop-zone-prompt{font-size:var(--text-sm);color:var(--text-secondary);pointer-events:none}.drop-zone-prompt strong{color:var(--text-primary)}.drop-zone-files{list-style:none;margin:var(--space-md) 0 0 0;padding:0;font-size:var(--text-xs);color:var(--text-secondary);text-align:left}.drop-zone-files li{padding:2px 0;font-family:var(--font-mono, monospace)}.data-table tbody td{padding:var(--data-table-row-pad-y) var(--data-table-row-pad-x);font-size:var(--text-sm);color:var(--text-primary);vertical-align:middle}.data-table[data-density=compact]{--data-table-row-pad-y: var(--space-sm);--data-table-row-pad-x: var(--space-md)}.data-table[data-density=spacious]{--data-table-row-pad-y: var(--space-2xl);--data-table-row-pad-x: var(--space-3xl)}.table-density-toggle{display:inline-flex;gap:0;border:1px solid var(--border-input);border-radius:var(--radius-md);overflow:hidden}.table-density-toggle button{appearance:none;background:var(--bg-surface);border:none;padding:4px 12px;font-size:var(--text-xs);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:background var(--duration-normal) ease,color var(--duration-normal) ease}.table-density-toggle button+button{border-left:1px solid var(--border-input)}.table-density-toggle button:hover{background:var(--bg-surface-secondary);color:var(--text-primary)}.table-density-toggle button[aria-pressed=true]{background:var(--color-primary-50);color:var(--color-primary-700)}.data-table tbody td.col-checkbox{padding-right:0;width:44px}.data-table tbody td.col-actions{text-align:right}.data-table .col-actions-inner{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-xs)}.data-table--sticky-actions th.col-actions,.data-table--sticky-actions td.col-actions{position:sticky;right:0;background:var(--bg-surface);box-shadow:-6px 0 8px -8px #0000002e}.data-table--sticky-actions thead th.col-actions{background:var(--bg-surface-secondary)}.data-table--sticky-actions tbody tr:hover td.col-actions{background:var(--bg-surface-hover)}@media (max-width: 640px){.data-table--sticky-actions th.col-actions,.data-table--sticky-actions td.col-actions{position:static;box-shadow:none;white-space:normal}.data-table--sticky-actions .col-actions-inner{flex-wrap:wrap;max-width:220px;row-gap:var(--space-xs)}}.data-table.hide-history tbody tr.is-ended{display:none}.user-cell{display:flex;align-items:center;gap:var(--space-md)}.user-cell-info{display:flex;flex-direction:column}.user-cell-name{font-weight:500;color:var(--text-primary)}.user-cell-email{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:1px}.col-sortable{cursor:pointer;user-select:none}.col-sortable:hover{color:var(--text-primary)}.sort-icon{display:inline-flex;align-items:center;margin-left:4px;color:var(--text-placeholder)}.sort-icon svg{width:14px;height:14px}.table-empty{padding:var(--space-3xl) var(--space-2xl);text-align:center;color:var(--text-tertiary);font-size:var(--text-sm)}.table-empty-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-full);background:var(--bg-surface-secondary);margin:0 auto var(--space-md);color:var(--text-tertiary)}.table-empty-icon svg{width:22px;height:22px}.table-empty-title{font-size:var(--text-md);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.table-empty-sub{font-size:var(--text-sm);color:var(--text-tertiary)}.empty-state{padding:var(--space-3xl) var(--space-2xl);text-align:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.empty-state-icon{display:flex;align-items:center;justify-content:center;width:96px;height:96px;border-radius:var(--radius-full);background:var(--color-primary-50);color:var(--color-primary-500);margin:0 auto var(--space-xl)}.empty-state-icon svg{width:40px;height:40px}.empty-state-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-sm)}.empty-state-description{font-size:var(--text-sm);color:var(--text-tertiary);max-width:480px;margin:0 auto var(--space-xl);line-height:1.6}.empty-state-actions{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:4px;border-radius:var(--radius-full);padding:2px 10px;font-size:var(--text-xs);font-weight:500;border:1px solid transparent;white-space:nowrap;text-decoration:none}.badge-default{background:var(--badge-bg);color:var(--badge-text)}.badge-primary{background:var(--color-primary-50);color:var(--color-primary-700);border-color:var(--color-primary-200)}.badge-success{background:var(--color-success-50);color:var(--color-success-700);border-color:var(--color-success-200)}.badge-error{background:var(--color-error-50);color:var(--color-error-700);border-color:var(--color-error-200)}.badge-warning{background:var(--color-warning-50);color:var(--color-warning-700);border-color:var(--color-warning-200)}.badge-blue{background:var(--color-blue-50);color:var(--color-blue-700);border-color:var(--color-blue-200)}.badge-neutral{background:var(--bg-surface-secondary);color:var(--text-secondary);border-color:var(--border-color)}.badge-muted{background:var(--bg-surface-hover);color:var(--text-tertiary);border-color:var(--border-color)}.badge svg{width:12px;height:12px}.badge-lg{padding:6px 14px;font-size:var(--text-sm);line-height:1}.status-chip{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:var(--radius-full);border:1px solid var(--border-color);background:var(--bg-surface);font-size:var(--text-xs);font-weight:500;color:var(--text-secondary);white-space:nowrap;line-height:1.4}.status-chip:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--text-tertiary);flex-shrink:0}.status-chip-success{color:var(--color-success-700);border-color:var(--color-success-500)}.status-chip-success:before{background:var(--color-success-500)}.status-chip-warning{color:var(--color-warning-700);border-color:var(--color-warning-500)}.status-chip-warning:before{background:var(--color-warning-500)}.status-chip-error{color:var(--color-error-700);border-color:var(--color-error-500)}.status-chip-error:before{background:var(--color-error-500)}.status-chip-info{color:var(--color-blue-700);border-color:var(--color-blue-500)}.status-chip-info:before{background:var(--color-blue-500)}.status-chip-subtle{border-color:transparent}.status-chip-subtle.status-chip-success{background:var(--color-success-50)}.status-chip-subtle.status-chip-warning{background:var(--color-warning-50)}.status-chip-subtle.status-chip-error{background:var(--color-error-50)}.status-chip-subtle.status-chip-info{background:var(--color-blue-50)}.cat-chip{display:inline-flex;align-items:center;gap:var(--space-xs);padding:2px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;background:var(--cat-bg, var(--color-gray-100));color:var(--cat-fg, var(--color-gray-700));border:1px solid var(--cat-border, transparent);white-space:nowrap}.cat-chip.is-deleted{opacity:.55;text-decoration:line-through;background:var(--color-gray-100);color:var(--color-gray-500);border-color:var(--color-gray-200)}.cat-swatch{display:inline-block;width:14px;height:14px;border-radius:var(--radius-full);background:var(--cat-bg, var(--color-gray-200));border:1px solid var(--cat-border, var(--color-gray-300))}.cat-red{--cat-bg: light-dark(#fee4e2, #3a1212);--cat-fg: light-dark(#912018, #fca5a5);--cat-border: light-dark(#fecdca, #7f1d1d)}.cat-orange{--cat-bg: light-dark(#fde3cf, #3a2410);--cat-fg: light-dark(#93370d, #fdba8c);--cat-border: light-dark(#fcd9b6, #7c2d12)}.cat-amber{--cat-bg: light-dark(#fef0c7, #3a2b08);--cat-fg: light-dark(#854708, #fde68a);--cat-border: light-dark(#fedf89, #78350f)}.cat-green{--cat-bg: light-dark(#d1fadf, #0d2818);--cat-fg: light-dark(#054f31, #6ee7b7);--cat-border: light-dark(#a6f4c5, #14532d)}.cat-teal{--cat-bg: light-dark(#ccfbf1, #042f2e);--cat-fg: light-dark(#0f766e, #5eead4);--cat-border: light-dark(#99f6e4, #115e59)}.cat-blue{--cat-bg: light-dark(#eff8ff, #0c1929);--cat-fg: light-dark(#175cd3, #93c5fd);--cat-border: light-dark(#b2ddff, #1e3a5f)}.cat-indigo{--cat-bg: light-dark(#e0e7ff, #1e1b4b);--cat-fg: light-dark(#3538cd, #a5b4fc);--cat-border: light-dark(#c7d2fe, #3730a3)}.cat-purple{--cat-bg: light-dark(#ede4ff, #2e1065);--cat-fg: light-dark(#5925dc, #d8b4fe);--cat-border: light-dark(#d6bbfb, #6b21a8)}.cat-pink{--cat-bg: light-dark(#fce7f3, #4a1133);--cat-fg: light-dark(#9d174d, #fbcfe8);--cat-border: light-dark(#fbcfe8, #9d174d)}.cat-gray{--cat-bg: light-dark(#f2f4f7, #263347);--cat-fg: light-dark(#344054, #cbd5e1);--cat-border: light-dark(#d0d5dd, #475569)}.cat-picker{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.cat-picker-item{cursor:pointer;display:inline-flex}.cat-picker-item input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.cat-picker-item .cat-chip{opacity:.55;box-shadow:none;transition:opacity var(--duration-fast),box-shadow var(--duration-fast)}.cat-picker-item:hover .cat-chip{opacity:.85}.cat-picker-item input[type=checkbox]:checked+.cat-chip{opacity:1;box-shadow:0 0 0 2px var(--cat-fg, var(--color-gray-700))}.cat-picker-item input[type=checkbox]:focus-visible+.cat-chip{outline:2px solid var(--color-primary);outline-offset:2px}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-lg) var(--space-2xl);border-top:1px solid var(--border-color)}.pagination-btn{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 var(--space-sm);border-radius:var(--radius-md);border:none;background:transparent;color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;text-decoration:none;transition:background var(--duration-fast),color var(--duration-fast);gap:var(--space-xs)}.pagination-btn:hover{background:var(--bg-surface-secondary);color:var(--text-primary);text-decoration:none}.pagination-btn.active{background:var(--bg-surface-secondary);font-weight:600;color:var(--text-primary)}.pagination-btn:disabled,.pagination-btn.disabled{opacity:.4;pointer-events:none;cursor:not-allowed}.pagination-btn svg{width:18px;height:18px}.pagination-info{font-size:var(--text-sm);color:var(--text-tertiary);padding:0 var(--space-sm)}.alert{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);border:1px solid transparent;font-size:var(--text-sm);margin-bottom:var(--space-lg)}.alert svg{width:18px;height:18px;flex-shrink:0;margin-top:1px}.alert-success{background:var(--color-success-50);color:var(--color-success-700);border-color:var(--color-success-200)}.alert-error{background:var(--color-error-50);color:var(--color-error-700);border-color:var(--color-error-200)}.alert-warning{background:var(--color-warning-50);color:var(--color-warning-700);border-color:var(--color-warning-200)}.alert-info{background:var(--color-blue-50);color:var(--color-blue-700);border-color:var(--color-blue-200)}.toast-container{position:fixed;bottom:var(--space-3xl);right:var(--space-3xl);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-sm);pointer-events:none}@media (max-width: 480px){.toast-container{left:var(--space-md);right:var(--space-md);bottom:var(--space-md)}.toast{min-width:0;max-width:100%;width:100%}}.toast-text{overflow-wrap:anywhere;min-width:0}.toast{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg) var(--space-xl);background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-size:var(--text-sm);min-width:280px;max-width:400px;pointer-events:auto;animation:toast-in var(--duration-slow) ease}.toast-success{background:var(--color-success-50);border-color:var(--color-success-500);color:var(--color-success-700)}.toast-error{background:var(--color-error-50);border-color:var(--color-error-500);color:var(--color-error-700)}.toast-warning{background:var(--color-warning-50);border-color:var(--color-warning-500);color:var(--color-warning-700)}.toast.toast-out{animation:toast-out var(--duration-slow) ease forwards}.toast-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--radius-full);flex-shrink:0}.toast-icon-success{background:var(--color-success-500);color:var(--color-white)}.toast-icon svg{width:12px;height:12px}.toast-close{margin-left:auto;background:none;border:none;cursor:pointer;color:inherit;opacity:.6;display:flex;align-items:center;flex-shrink:0}.toast-close:hover{opacity:1}.toast-close svg{width:16px;height:16px}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}.auth-layout{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--bg-page);padding:var(--space-2xl)}.auth-card{width:100%;max-width:440px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-3xl)}@media (max-width: 480px){.auth-card .grid-halves{grid-template-columns:1fr}}.auth-logo{display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-3xl)}.auth-logo-icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-primary-600);display:flex;align-items:center;justify-content:center;color:var(--color-white)}.auth-header{text-align:center;margin-bottom:var(--space-3xl)}.auth-header h1{font-size:var(--text-2xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm)}.auth-header p{font-size:var(--text-sm);color:var(--text-tertiary)}.auth-footer{margin-top:var(--space-xl);text-align:center;font-size:var(--text-sm);color:var(--text-tertiary)}.auth-divider{display:flex;align-items:center;gap:var(--space-md);margin:var(--space-xl) 0;font-size:var(--text-sm);color:var(--text-tertiary)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.u-m-0{margin:0}.u-mt-0{margin-top:0}.u-mt-xs{margin-top:var(--space-xs)}.u-mt-sm{margin-top:var(--space-sm)}.u-mt-md{margin-top:var(--space-md)}.u-mt-lg{margin-top:var(--space-lg)}.u-mt-xl{margin-top:var(--space-xl)}.u-mb-sm{margin-bottom:var(--space-sm)}.u-mb-md{margin-bottom:var(--space-md)}.u-mb-lg{margin-bottom:var(--space-lg)}.u-mb-xl{margin-bottom:var(--space-xl)}.u-mt-auto{margin-top:auto}.u-text-xs{font-size:var(--text-xs)}.u-text-sm{font-size:var(--text-sm)}.u-text-md{font-size:var(--text-md)}.u-text-lg{font-size:var(--text-lg)}.u-text-xl{font-size:var(--text-xl)}.u-text-3xl{font-size:var(--text-3xl)}.u-font-medium{font-weight:500}.u-font-semibold{font-weight:600}.u-font-mono{font-family:var(--font-mono)}.u-mono-xs{font-family:var(--font-mono);font-size:var(--text-xs)}.u-text-muted{color:var(--text-muted)}.u-text-faint{color:var(--text-placeholder)}.u-eyebrow,.u-eyebrow-xs{font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.u-eyebrow-sm{font-size:var(--text-sm);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.u-text-left{text-align:left}.u-text-center{text-align:center}.u-text-right{text-align:right}.u-nowrap{white-space:nowrap}.u-break-all{word-break:break-all}.u-text-success{color:var(--status-success, var(--color-success-500))}.u-text-warning{color:var(--status-warning, var(--color-warning-500))}.u-text-danger{color:var(--color-danger)}.u-inline{display:inline}.u-inline-flex{display:inline-flex}.u-flex{display:flex}.u-flex-1{flex:1}.u-items-center{align-items:center}.u-items-start{align-items:flex-start}.u-items-end{align-items:flex-end}.u-justify-between{justify-content:space-between}.u-justify-center{justify-content:center}.u-justify-end{justify-content:flex-end}.u-gap-xs{gap:var(--space-xs)}.u-gap-sm{gap:var(--space-sm)}.u-gap-md{gap:var(--space-md)}.u-gap-lg{gap:var(--space-lg)}.u-gap-xl{gap:var(--space-xl)}.u-w-full{width:100%}.u-max-w-md{max-width:640px}.u-max-w-lg{max-width:768px}.u-max-w-xl{max-width:900px}.u-p-0{padding:0}.u-pl-lg{padding-left:var(--space-lg)}.u-ml-auto{margin-left:auto}.u-mx-auto{margin-left:auto;margin-right:auto}.u-flex-shrink-0{flex-shrink:0}.u-overflow-hidden{overflow:hidden}.u-leading-loose{line-height:1.8}.card--flush{padding:0;overflow:hidden}.card--scroll-x{padding:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.btn-min{min-width:8rem}.btn-reset{width:100%;background:none;border:none;cursor:pointer;text-align:left;font:inherit;color:inherit}.checkbox-inline{display:inline-flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm)}.meta-row{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--color-text-muted);font-size:var(--text-sm)}.u-meta{color:var(--color-text-muted);font-size:var(--text-sm)}.u-meta-xs{color:var(--color-text-muted);font-size:var(--text-xs)}.u-section-title{font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--space-lg)}.u-section-title-sm{font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--space-sm)}.u-pad-xs{padding:var(--space-xs) var(--space-sm)}.u-pad-xs-xs{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs)}.grid-cards-wide{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-xl)}.u-stack-sm{display:flex;flex-direction:column;gap:var(--space-sm)}.u-stack-md{display:flex;flex-direction:column;gap:var(--space-md)}.u-cluster{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.u-inline-center{display:inline-flex;align-items:center;gap:var(--space-xs)}.u-flex-center{display:flex;align-items:center;gap:var(--space-sm)}.u-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.u-truncate-200{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.u-mono-sm{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.1em}.u-flex-fill{flex:1;min-width:200px}.u-text-primary-500{color:var(--color-primary-700);font-weight:500}.input-icon-left{position:absolute;left:var(--space-md);top:50%;transform:translateY(-50%);color:var(--color-text-muted);display:flex;pointer-events:none}.input-with-icon-left{padding-left:var(--space-3xl)}.toolbar{display:flex;gap:var(--space-sm);align-items:flex-end;margin-bottom:var(--space-lg);flex-wrap:wrap}.u-max-w-xs{max-width:520px}.u-max-w-sm{max-width:560px}.u-mb-0{margin-bottom:0}.u-ml-sm{margin-left:var(--space-sm)}.u-mt-2xl{margin-top:var(--space-2xl)}.note-block{margin-top:var(--space-lg);padding:var(--space-md);background:var(--surface-sunken, var(--bg-surface-secondary));border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--color-text-muted)}.u-pre-wrap{white-space:pre-wrap}.u-break-word{word-break:break-word}.u-word-break-all{word-break:break-all}.u-font-normal{font-weight:400}.u-col-span-full{grid-column:1 / -1}.u-link-url{color:var(--color-primary-700);font-size:var(--text-sm);word-break:break-all}.u-link-inline{color:var(--color-primary-700);font-size:var(--text-sm);display:inline-flex;align-items:center;gap:var(--space-xs)}.u-pad-xs-sm{padding:var(--space-xs) var(--space-md);font-size:var(--text-sm)}.select-inline{width:auto;min-width:160px}.input-wrap-rel{position:relative}.u-mono-basic{font-family:var(--font-mono);font-size:var(--text-sm)}.card--comfy{padding:var(--space-3xl)}.card-raised{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-2xl)}.card-raised--comfy{padding:var(--space-3xl)}.u-mb-2px{margin-bottom:2px}.u-mb-4px{margin-bottom:4px}.u-col-2xs{display:flex;flex-direction:column;gap:var(--space-2xs)}.u-col-xs{display:flex;flex-direction:column;gap:var(--space-xs)}.u-col-sm{display:flex;flex-direction:column;gap:var(--space-sm)}.u-col-md{display:flex;flex-direction:column;gap:var(--space-md)}.u-col-lg{display:flex;flex-direction:column;gap:var(--space-lg)}.u-col-xl{display:flex;flex-direction:column;gap:var(--space-xl)}.u-col-2px{display:flex;flex-direction:column;gap:2px}.u-list-reset{margin:0;padding:0;list-style:none}.grid-auto-form{display:grid;grid-template-columns:1fr auto;gap:var(--space-2xl)}.grid-halves{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}@container (max-width: 720px){.grid-halves,.grid-auto-form{grid-template-columns:1fr}}.row-click{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:var(--surface);border-top:1px solid var(--border);font-weight:500;cursor:pointer}.u-inline-block{display:inline-block}.u-block{display:block}.u-block-meta-xs{display:block;font-size:var(--text-xs);color:var(--text-muted)}.auth-title{font-size:var(--text-lg);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-sm) 0}.auth-subtitle{font-size:var(--text-sm);color:var(--text-muted);margin:0 0 var(--space-2xl) 0}.u-max-w-280{max-width:280px}.totp-input{text-align:center;font-size:1.5rem;letter-spacing:.3em;font-family:var(--font-mono)}.grid-main-aside{display:grid;grid-template-columns:1fr 280px;gap:var(--space-2xl)}.numbered-circle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:var(--text-sm);font-weight:700}.option-stack{display:flex;flex-direction:column;gap:0;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.panel-sunken{margin-top:var(--space-md);padding:var(--space-lg);background:var(--surface);border-radius:var(--radius-md)}.section-divider-lg{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--border)}.section-divider-2xl{margin-top:var(--space-2xl);padding-top:var(--space-2xl);border-top:1px solid var(--border)}.section-divider-3xl{margin-top:var(--space-3xl);padding-top:var(--space-3xl);border-top:1px solid var(--border)}.u-w-100{width:100px}.u-max-w-440{max-width:440px}.u-max-w-480{max-width:480px}.u-pad-xs-md{padding:var(--space-xs) var(--space-md)}.u-gap-2xl{gap:var(--space-2xl)}.u-mt-3xl{margin-top:var(--space-3xl)}.u-mb-2xl{margin-bottom:var(--space-2xl)}.u-mb-3xl{margin-bottom:var(--space-3xl)}.u-cursor-pointer{cursor:pointer}.u-max-w-240{max-width:240px}.u-max-w-150{max-width:150px}.u-w-200{width:200px;flex-shrink:0}.is-disabled{opacity:.5;pointer-events:none}.grid-cards-320{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-2xl)}.grid-cards-320--bounded{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-2xl);max-width:800px}.grid-label-value-100{display:grid;grid-template-columns:1fr 100px;gap:var(--space-lg)}.grid-halves-xl{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl)}@container (max-width: 720px){.grid-halves-xl{grid-template-columns:1fr}}.row-check{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:var(--surface);font-weight:500;cursor:pointer}.row-check--bordered{border-top:1px solid var(--border)}.row-check--divider-bottom{padding-bottom:var(--space-lg);border-bottom:1px solid var(--border)}.checkbox-row{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-sm) 0;cursor:pointer}.checkbox-row input[type=checkbox]{margin-top:2px;flex-shrink:0}.checkbox-row__label{display:flex;flex-direction:column;gap:2px;font-size:var(--text-sm)}.avatar-preview-round{width:160px;height:160px;border-radius:50%;overflow:hidden}.qr-frame{border-radius:var(--radius-md);border:1px solid var(--border);background:#fff;padding:8px}.form-row-wrap{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-md)}.u-meta-cluster{display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:var(--text-xs)}.success-circle{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:var(--color-success-bg);color:var(--color-success);margin-bottom:var(--space-lg)}.credential-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2xl);margin-bottom:var(--space-3xl)}.details-toggle{cursor:pointer;font-size:var(--text-sm);color:var(--text-muted)}.details-toggle--danger{color:var(--color-danger)}.avatar-crop-frame{width:160px;height:160px;border-radius:50%;overflow:hidden;position:relative;cursor:grab;border:2px solid var(--color-primary, #0d9488);background:var(--bg-page);touch-action:none;user-select:none;-webkit-user-select:none}.avatar-crop-img{position:absolute;transform-origin:0 0;pointer-events:none;-webkit-user-drag:none}.u-flex-center-justify{display:flex;justify-content:center}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:var(--surface);font-weight:500;cursor:pointer}.settings-row--bordered-top{border-top:1px solid var(--border)}.settings-row--divider-bottom{padding-bottom:var(--space-lg);border-bottom:1px solid var(--border)}.settings-row-start{display:flex;align-items:flex-start;gap:var(--space-md);cursor:pointer}.inline-form-wrap{display:flex;gap:var(--space-lg);align-items:flex-end;flex-wrap:wrap}.u-tabular{font-variant-numeric:tabular-nums}.grid-auto-180{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-md)}.grid-auto-200{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md)}.grid-auto-240{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-md)}.agent-card{display:block;padding:var(--space-md);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--color-text);text-decoration:none;transition:border-color var(--duration-normal) ease,box-shadow var(--duration-normal) ease,transform .05s ease}.agent-card:hover,.agent-card:focus-visible{border-color:var(--color-primary);box-shadow:0 2px 6px #0000000f;outline:none}.agent-card:active{transform:translateY(1px)}.agent-card-head{display:flex;align-items:center;gap:var(--space-sm)}.agent-card-os{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);background:var(--surface-sunken);color:var(--color-text-muted);flex-shrink:0}.agent-card-name{font-weight:600;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto;min-width:0}.agent-card-titles{display:flex;flex-direction:column;gap:.1rem;min-width:0;flex:1 1 auto}.agent-card-host{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-filter-services{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center;padding-top:var(--space-2xs)}.agent-filter-service{display:inline-flex;align-items:center;gap:var(--space-2xs);font-size:.875rem;color:var(--color-text-muted);cursor:pointer;user-select:none}.agent-card-foot{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-sm)}.status-pill{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;color:var(--color-text-muted)}.u-pad-4-8{padding:4px 8px}.u-pad-2-8{padding:2px 8px}.u-w-24{width:24px}.u-p-lg{padding:var(--space-lg)}.grid-edit-row{display:grid;grid-template-columns:1fr 1fr auto;gap:var(--space-md);align-items:end}.cell-sunken{background:var(--surface-subtle, var(--bg-surface-secondary));padding:var(--space-lg)}.chart-wrap{width:100%;height:320px}.chart-wrap--sm{height:200px}.chart-wrap:empty{background:linear-gradient(100deg,var(--bg-surface-secondary) 30%,var(--bg-surface) 50%,var(--bg-surface-secondary) 70%);background-size:200% 100%;animation:chart-skeleton-shimmer 1.4s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes chart-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.u-p-md{padding:var(--space-md)}.u-max-w-600{max-width:600px}.u-max-w-320{max-width:320px}.u-mb-xs{margin-bottom:var(--space-xs)}.u-ml-xs{margin-left:var(--space-xs)}.u-link-plain{color:inherit;text-decoration:none}.u-link-plain:hover{color:var(--text-primary);text-decoration:none}.warn-inline{color:var(--color-warning-700)}.u-flex-wrap{flex-wrap:wrap}.form-input-inline{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.u-flex-col{flex-direction:column}.u-uppercase{text-transform:uppercase}.u-whitespace-pre{white-space:pre-wrap}.status-dot{display:inline-block;width:.6rem;height:.6rem;border-radius:50%;background:var(--color-gray-400, #9ca3af);box-shadow:0 0 0 2px #0000000a;vertical-align:middle}.status-dot-ok{background:var(--color-success-500)}.status-dot-warn{background:var(--color-warning-500)}.status-dot-inactive{background:var(--color-gray-300)}.status-dot-unknown{background:var(--color-gray-400)}.danger-zone{margin-top:var(--space-xl);padding-top:var(--space-md);border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap}.code-block{background:var(--bg-surface-secondary);padding:var(--space-md);border-radius:4px;overflow:auto;white-space:pre-wrap}.u-w-icon-col{width:1.5rem}.u-w-input-narrow{width:7rem}.u-flex-grow-input{flex:1 1 14rem;min-width:12rem}.u-field-wide{flex:1 1 18rem;min-width:14rem}.u-field-narrow{flex:0 1 14rem}.snapshot-tab-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin:var(--space-md) 0;flex-wrap:wrap}.snapshot-tab-toolbar .snapshot-filter{max-width:18rem;flex:0 1 18rem}.dialog-backdrop{position:fixed;inset:0;background:#10182866;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-2xl);animation:backdrop-in var(--duration-normal) ease}dialog.dialog{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-3xl);max-width:400px;width:calc(100% - 2 * var(--space-2xl));margin:auto;animation:dialog-in var(--duration-normal) ease}dialog.dialog::backdrop{background:#10182866;animation:backdrop-in var(--duration-normal) ease}.dialog:not(dialog){background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-3xl);max-width:400px;width:100%;animation:dialog-in var(--duration-normal) ease}.dialog h2{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm)}.dialog p{font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:var(--space-3xl)}.dialog-actions{display:flex;gap:var(--space-md);justify-content:flex-end}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.hidden{display:none!important}.text-error{color:var(--color-error-700)}.text-success{color:var(--color-success-700)}.spinner{display:inline-block;width:18px;height:18px;border:2px solid currentColor;border-top-color:transparent;border-radius:var(--radius-full);animation:spin .6s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1024px){.sidebar{position:fixed;top:0;left:0;z-index:var(--z-drawer);transform:translate(-100%);transition:transform var(--duration-slow) ease;box-shadow:var(--shadow-lg)}.sidebar.sidebar-open{transform:translate(0)}.topbar-burger{display:flex}.topbar{padding:0 var(--space-lg)}.page-content{padding:var(--space-xl)}.data-table thead th,.data-table tbody td{padding:var(--space-md) var(--space-lg)}.search-input{width:100%}.table-toolbar{flex-direction:column;align-items:flex-start}.form-input,.form-select,textarea.form-input{font-size:16px}.log-filters .form-group,.log-filters .form-group:first-child{flex:1 1 100%;min-width:0}}@media (max-width: 480px){.page-content{padding:var(--space-md)}.topbar{padding:0 var(--space-md)}.topbar-username{display:none}.page-header{margin-bottom:var(--space-xl)}.page-title,.page-header h1{font-size:var(--text-xl)}.grid-cards{grid-template-columns:1fr;gap:var(--space-lg)}.card{padding:var(--space-xl)}.topbar-breadcrumb{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-layout{padding:var(--space-md);align-items:flex-start;padding-top:var(--space-2xl)}.auth-card{padding:var(--space-2xl)}.auth-logo,.auth-header{margin-bottom:var(--space-xl)}.error-card{padding:var(--space-2xl)}}@media (max-width: 480px){.u-truncate-200{max-width:120px}.data-table td.u-font-mono,.table td.u-font-mono,.data-table td.u-mono-xs,.table td.u-mono-xs,.data-table td.u-mono-sm,.table td.u-mono-sm{white-space:normal;word-break:break-all}}@media (max-width: 768px){th.col-optional,td.col-optional{display:none}}@media (hover: none) and (pointer: coarse){.btn,.btn-sm,.btn-icon,.pagination-btn,.input-password-toggle,.topbar-burger,.toast-close,.btn-link,.settings-tab,.table-density-toggle button{min-height:44px}.btn-icon,.topbar-burger,.toast-close,.input-password-toggle,.btn.u-pad-xs{min-width:44px}.toast-close,.input-password-toggle{justify-content:center}.btn-link{display:inline-flex;align-items:center;justify-content:center}.form-input,.form-select{min-height:44px}.sidebar-nav-item{padding-top:var(--space-md);padding-bottom:var(--space-md)}}.log-filters{display:flex;flex-wrap:wrap;gap:var(--space-md);align-items:flex-end;margin-bottom:var(--space-xl)}.log-filters .form-group{margin:0;min-width:140px;flex:1}.log-filters .form-group:first-child{flex:2;min-width:220px}.log-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.log-table th,.log-table td{padding:var(--space-sm) var(--space-md);text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}.log-table td.msg-col{white-space:normal;word-break:break-word;max-width:500px}.log-table tr:hover{background:var(--surface-raised)}.log-level{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;text-transform:uppercase}.log-level.error{background:var(--color-error-50);color:var(--color-error-700)}.log-level.warning{background:var(--color-warning-50);color:var(--color-warning-700)}.log-level.info{background:var(--color-blue-50);color:var(--color-blue-700)}.log-level.debug{background:var(--surface-raised);color:var(--text-muted)}.log-row--slow>td{background:color-mix(in srgb,var(--color-warning-500) 10%,transparent)}.task-drilldown-modal{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center}.task-drilldown-modal[hidden]{display:none}.task-drilldown-backdrop{position:absolute;inset:0;background:#00000080}.task-drilldown-dialog{position:relative;background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-color);width:min(90vw,1100px);max-height:85vh;max-height:85dvh;display:flex;flex-direction:column;box-shadow:0 24px 64px #0006}.task-drilldown-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.task-drilldown-body{padding:var(--space-lg);overflow-y:auto}.u-bg-error-soft{background:color-mix(in srgb,var(--color-error-500) 8%,transparent);border-color:color-mix(in srgb,var(--color-error-500) 30%,transparent)}html.dark .u-bg-error-soft{background:color-mix(in srgb,var(--color-error-500) 15%,transparent)}.activities-table{width:100%;table-layout:auto}.activities-table th,.activities-table td{padding-right:var(--space-md)}.activities-table th:last-child,.activities-table td:last-child{padding-right:0}.activities-table tr[title]:not([title=""]){cursor:help}.log-override-bar{background:var(--color-warning-50);border:1px solid var(--color-warning-500);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-xl);display:flex;align-items:center;gap:var(--space-md);font-size:var(--text-sm);color:var(--text-primary)}html.dark .log-override-bar{background:#3a2b08;border-color:var(--color-warning-500);color:#fde68a}html.dark .log-override-bar strong{color:#fef3c7}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-md);margin-bottom:var(--space-md)}.form-row .form-group{margin-bottom:0}.card-body{padding:var(--space-lg)}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap}.form-check{display:inline-flex;align-items:center;gap:var(--space-sm);cursor:pointer}.form-check-input{width:1.125rem;height:1.125rem;accent-color:var(--color-primary-600);cursor:pointer}.usage-detail-row.is-open,.edit-row.is-open{display:table-row!important}.row-toggle-icon{display:inline-flex;transition:transform var(--duration-fast) ease}tr:has(+tr.is-open) .row-toggle-icon{transform:rotate(90deg)}.error-page{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--bg-page)}.error-card{text-align:center;padding:var(--space-3xl);max-width:480px;width:100%}.error-status{font-size:clamp(4rem,20vw,6rem);font-weight:800;color:var(--color-primary);line-height:1;margin:0 0 var(--space-md)}.error-title{margin:0 0 var(--space-sm);font-size:var(--text-xl);font-weight:700;color:var(--text-primary)}.error-message{color:var(--text-muted);margin:0 0 var(--space-3xl)}.settings-tabs{display:flex;gap:var(--space-md);border-bottom:1px solid var(--border);margin-bottom:var(--space-2xl);overflow-x:auto;scrollbar-width:none}.settings-tabs::-webkit-scrollbar{display:none}.settings-tab{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-sm);margin-bottom:-1px;background:transparent;border:0;border-bottom:2px solid transparent;color:var(--text-muted);font-size:var(--text-sm);font-weight:500;cursor:pointer;white-space:nowrap;text-decoration:none;transition:color var(--duration-fast) ease,border-color var(--duration-fast) ease}.settings-tab:hover{color:var(--text-primary)}.settings-tab[aria-selected=true]{color:var(--color-primary-700);border-bottom-color:var(--color-primary)}.settings-tab:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.settings-tabpanel{display:none}.settings-tabpanel.is-active{display:block}.autosave-indicator{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);color:var(--text-muted);user-select:none}.autosave-indicator-dot{width:8px;height:8px;border-radius:50%;background:var(--text-placeholder);flex-shrink:0}.autosave-indicator-text{line-height:1}.autosave-indicator[data-state=saving]{color:var(--text-secondary)}.autosave-indicator[data-state=saving] .autosave-indicator-dot{background:var(--status-warning, var(--color-warning-500))}.autosave-indicator[data-state=saved]{color:var(--status-success, var(--color-success-500))}.autosave-indicator[data-state=saved] .autosave-indicator-dot{background:var(--status-success, var(--color-success-500))}.autosave-indicator[data-state=error]{color:var(--color-danger)}.autosave-indicator[data-state=error] .autosave-indicator-dot{background:var(--color-danger)}.field-error{display:block;margin-top:var(--space-xs);font-size:var(--text-xs);color:var(--color-danger)}.form-input.is-invalid,.form-select.is-invalid{border-color:var(--color-danger)}.settings-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.settings-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}@media (max-width: 800px){.settings-grid-2,.settings-grid-3{grid-template-columns:1fr}}.settings-subgroup+.settings-subgroup{border-top:1px solid var(--border);padding-top:var(--space-lg);margin-top:var(--space-lg)}.page-with-sidebar{display:grid;grid-template-columns:260px 1fr;gap:var(--space-2xl);align-items:start}.page-sidebar{position:sticky;top:calc(var(--header-height) + var(--space-2xl));max-height:calc(100vh - var(--header-height) - var(--space-2xl) - var(--space-2xl));overflow-y:auto}.page-sidebar-title{font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 var(--space-md)}@media (max-width: 900px){.page-with-sidebar{grid-template-columns:1fr}.page-sidebar{position:static;max-height:none}}.drawer-overlay{position:fixed;inset:0;background:#0f172a6b;opacity:0;pointer-events:none;transition:opacity var(--duration-normal) ease;z-index:var(--z-overlay)}.drawer-overlay.is-open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(480px,100vw);background:var(--bg-surface);border-left:1px solid var(--border-color);box-shadow:var(--shadow-lg);transform:translate(100%);transition:transform var(--duration-slow) ease;z-index:var(--z-drawer);display:flex;flex-direction:column}.drawer.is-open{transform:translate(0)}.drawer[hidden]{display:none}.drawer-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-xl) var(--space-2xl);border-bottom:1px solid var(--border-color);flex-shrink:0}.drawer-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0}.drawer-body{flex:1;overflow-y:auto;padding:var(--space-2xl)}.drawer-footer{display:flex;justify-content:flex-end;gap:var(--space-md);padding:var(--space-lg) var(--space-2xl);border-top:1px solid var(--border-color);flex-shrink:0}@media (max-width: 540px){.drawer{top:auto;width:100%;max-height:88vh;max-height:88dvh;border-left:none;border-top:1px solid var(--border-color);border-radius:var(--radius-lg) var(--radius-lg) 0 0;transform:translateY(100%)}.drawer.is-open{transform:translateY(0)}}.kpi-foot{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-sm);font-size:var(--text-xs);color:var(--text-muted);flex-wrap:wrap}.kpi-delta{display:inline-flex;align-items:center;gap:2px;padding:1px 6px;border-radius:var(--radius-sm);font-weight:600;font-size:var(--text-xs);background:var(--bg-surface-secondary);color:var(--text-secondary);white-space:nowrap}.kpi-delta:before{font-size:.9em;line-height:1}.kpi-delta-up{color:var(--color-success-700);background:var(--color-success-50)}.kpi-delta-up:before{content:"\2191"}.kpi-delta-down{color:var(--color-error-700);background:var(--color-error-50)}.kpi-delta-down:before{content:"\2193"}.kpi-delta-flat{color:var(--text-tertiary);background:var(--bg-surface-secondary)}.kpi-delta-flat:before{content:"\2192"}.kpi-delta-label{font-size:var(--text-xs);color:var(--text-muted)}.sparkline{width:60px;height:18px;margin-left:auto;flex-shrink:0;color:var(--color-primary-500)}.sparkline polyline{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.sparkline-up{color:var(--color-success-500)}.sparkline-down{color:var(--color-error-500)}.sparkline-flat{color:var(--text-tertiary)}.btn{transition:background var(--duration-normal) ease,border-color var(--duration-normal) ease,color var(--duration-normal) ease,opacity var(--duration-normal) ease,transform var(--duration-fast) ease,box-shadow var(--duration-normal) ease}.btn:hover:not(:disabled):not([disabled]){box-shadow:var(--shadow-sm)}.btn:active:not(:disabled):not([disabled]){transform:translateY(1px);box-shadow:var(--shadow-xs)}.btn:focus-visible,.btn-icon:focus-visible,.btn-link:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.card-interactive{transition:border-color var(--duration-normal) ease,box-shadow var(--duration-normal) ease,transform var(--duration-normal) ease}.card-interactive:hover{transform:translateY(-1px)}.form-input:focus-visible,.form-select:focus-visible,.form-textarea:focus-visible{outline:2px solid var(--color-primary-200);outline-offset:1px}.icon{display:inline-block;vertical-align:middle;flex-shrink:0;width:20px;height:20px}.icon--md{width:18px;height:18px}.icon--sm{width:16px;height:16px}.icon--xs{width:14px;height:14px}.icon--2xs{width:12px;height:12px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.chart-wrap:empty{animation:none;background:var(--bg-surface-secondary)}.drawer,.drawer-overlay,.btn,.card-interactive{transition:none}.btn:active:not(:disabled):not([disabled]),.card-interactive:hover{transform:none}}.u-sprite-defs{display:none;position:fixed;width:0;height:0;overflow:hidden}.page-content{padding-bottom:72px}.u-overflow-auto{overflow:auto}.u-border{border:1px solid var(--border-color)}.u-radius-sm{border-radius:var(--radius-sm)}.u-bg-surface-secondary{background:var(--bg-surface-secondary)}.u-p-sm{padding:var(--space-sm)}.u-pl-md{padding-left:var(--space-md)}.u-mr-xs{margin-right:var(--space-xs)}.u-py-2xl{padding-top:var(--space-2xl);padding-bottom:var(--space-2xl)}.u-self-center{align-self:center}.u-link-muted{color:var(--text-muted);text-decoration:none}.u-link-muted:hover{color:var(--text-primary)}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.form-field{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--space-xl)}.u-grid-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-md);align-items:start}.form-input-sm{padding:4px 8px;font-size:var(--text-sm)}.form-error{color:var(--color-danger);font-size:var(--text-sm);margin-top:var(--space-xs)}.form-notice{background:var(--bg-surface-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-lg)}.form-toggle{display:flex;align-items:flex-start;gap:var(--space-sm)}.form-toggle-input{margin-top:2px;flex-shrink:0;width:18px;height:18px;cursor:pointer}.form-toggle-label{font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer}.switch-text{font-size:var(--text-sm);color:var(--text-secondary)}.badge-sm{padding:1px 7px;font-size:11px}.page-subtitle,.page-header__sub{font-size:var(--text-sm);color:var(--text-muted);margin:var(--space-xs) 0 0}.page-header-left{min-width:0}.page-header-right{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.progress{width:100%;height:8px;background:var(--bg-surface-secondary);border-radius:var(--radius-full);overflow:hidden}.progress-sm{height:4px}.progress-lg{height:12px}.progress-bar{height:100%;width:0;background:var(--color-primary-600);border-radius:inherit;transition:width var(--duration-slow) ease}.progress-bar-success{background:var(--color-success-500)}.progress-bar-warning{background:var(--color-warning-500)}.progress-bar-error{background:var(--color-error-500)}.progress-indeterminate .progress-bar{width:40%;animation:progress-indeterminate 1.2s ease-in-out infinite}@keyframes progress-indeterminate{0%{margin-left:-40%}to{margin-left:100%}}.progress-row{display:flex;align-items:center;gap:var(--space-md)}.progress-row .progress{flex:1}.progress-value{font-size:var(--text-xs);color:var(--text-tertiary);font-variant-numeric:tabular-nums;min-width:3.5ch;text-align:right}.progress-ring{position:relative;width:64px;height:64px;border-radius:50%;background:conic-gradient(var(--ring-color, var(--color-primary-600)) calc(var(--value, 0) * 1%),var(--bg-surface-secondary) 0);display:grid;place-items:center;flex-shrink:0}.progress-ring:before{content:"";width:48px;height:48px;border-radius:50%;background:var(--bg-surface)}.progress-ring-label{position:absolute;font-size:var(--text-sm);font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums}.progress-ring-success{--ring-color: var(--color-success-500)}.progress-ring-warning{--ring-color: var(--color-warning-500)}.progress-ring-error{--ring-color: var(--color-error-500)}.form-radio{display:flex;align-items:flex-start;gap:var(--space-sm);cursor:pointer;line-height:1.4;margin-bottom:var(--space-sm)}.form-radio input[type=radio]{appearance:none;-webkit-appearance:none;width:18px;height:18px;min-width:18px;border:1.5px solid var(--border-input);border-radius:50%;background:var(--bg-input);cursor:pointer;flex-shrink:0;margin-top:1px;transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.form-radio input[type=radio]:checked{border-color:var(--color-primary-600);background:radial-gradient(circle,var(--color-primary-600) 0 4.5px,var(--bg-input) 5.5px)}.form-radio input[type=radio]:focus-visible{outline:none;box-shadow:var(--focus-ring);border-color:var(--border-focus)}.form-radio input[type=radio]:hover:not(:checked){border-color:var(--color-primary-500)}.form-radio span{font-size:var(--text-sm);color:var(--text-secondary)}.radio-stack{display:flex;flex-direction:column;border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.radio-stack .form-radio{margin:0;padding:var(--space-md) var(--space-lg);align-items:center}.radio-stack .form-radio+.form-radio{border-top:1px solid var(--border-color)}.form-range{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:var(--radius-full);background:var(--bg-surface-secondary);cursor:pointer;outline:none}.form-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-primary-600);border:2px solid var(--bg-surface);box-shadow:var(--shadow-sm);cursor:pointer}.form-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--color-primary-600);border:2px solid var(--bg-surface);box-shadow:var(--shadow-sm);cursor:pointer}.form-range:focus-visible::-webkit-slider-thumb{box-shadow:var(--focus-ring)}.form-range:focus-visible::-moz-range-thumb{box-shadow:var(--focus-ring)}.form-range:disabled{opacity:.5;cursor:not-allowed}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);background:var(--bg-toast);color:var(--text-toast);font-size:var(--text-xs);font-weight:500;line-height:1.3;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);white-space:nowrap;box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transition:opacity var(--duration-fast) ease,transform var(--duration-fast) ease;z-index:var(--z-dropdown)}[data-tooltip]:before{content:"";position:absolute;bottom:calc(100% + 3px);left:50%;transform:translate(-50%) translateY(4px);border:5px solid transparent;border-top-color:var(--bg-toast);opacity:0;pointer-events:none;transition:opacity var(--duration-fast) ease,transform var(--duration-fast) ease;z-index:var(--z-dropdown)}[data-tooltip]:hover:after,[data-tooltip]:focus-visible:after,[data-tooltip]:hover:before,[data-tooltip]:focus-visible:before{opacity:1;transform:translate(-50%) translateY(0)}.stepper{display:flex;align-items:flex-start}.stepper-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);position:relative;text-align:center}.stepper-step:not(:last-child):after{content:"";position:absolute;top:15px;left:calc(50% + 20px);right:calc(-50% + 20px);height:2px;background:var(--border-color)}.stepper-num{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:600;background:var(--bg-surface);border:2px solid var(--border-color);color:var(--text-tertiary);z-index:1}.stepper-label{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:500}.stepper-step.is-done .stepper-num{background:var(--color-primary-600);border-color:var(--color-primary-600);color:var(--color-white)}.stepper-step.is-done:after{background:var(--color-primary-600)}.stepper-step.is-active .stepper-num{border-color:var(--color-primary-600);color:var(--color-primary-700)}.stepper-step.is-active .stepper-label{color:var(--text-primary)}.tag{display:inline-flex;align-items:center;gap:var(--space-xs);padding:3px 4px 3px 10px;border-radius:var(--radius-full);background:var(--bg-surface-secondary);border:1px solid var(--border-color);font-size:var(--text-xs);font-weight:500;color:var(--text-secondary)}.tag-remove{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;padding:0;transition:background var(--duration-fast),color var(--duration-fast)}.tag-remove:hover{background:var(--border-color);color:var(--text-primary)}.tag-remove svg{width:12px;height:12px}.tag-primary{background:var(--color-primary-50);border-color:var(--color-primary-200);color:var(--color-primary-700)}.tag-success{background:var(--color-success-50);border-color:var(--color-success-200);color:var(--color-success-700)}.tabs{display:flex;gap:var(--space-md);border-bottom:1px solid var(--border-color);margin-bottom:var(--space-xl);overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-sm);margin-bottom:-1px;background:transparent;border:0;border-bottom:2px solid transparent;color:var(--text-muted);font-size:var(--text-sm);font-weight:500;cursor:pointer;white-space:nowrap;transition:color var(--duration-fast) ease,border-color var(--duration-fast) ease}.tab:hover{color:var(--text-primary)}.tab[aria-selected=true]{color:var(--color-primary-700);border-bottom-color:var(--color-primary-600)}.tab-badge{background:var(--badge-bg);color:var(--badge-text);font-size:11px;font-weight:600;padding:0 6px;border-radius:var(--radius-full)}.tabpanel{display:none}.tabpanel.is-active{display:block}.accordion{border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-surface)}.accordion-item+.accordion-item{border-top:1px solid var(--border-color)}.accordion-item>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-lg) var(--space-xl);font-size:var(--text-sm);font-weight:600;color:var(--text-primary);transition:background var(--duration-fast)}.accordion-item>summary::-webkit-details-marker{display:none}.accordion-item>summary:hover{background:var(--bg-surface-secondary)}.accordion-chevron{transition:transform var(--duration-normal) ease;color:var(--text-tertiary);flex-shrink:0}.accordion-item[open]>summary .accordion-chevron{transform:rotate(180deg)}.accordion-panel{padding:0 var(--space-xl) var(--space-lg);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.skeleton{background:linear-gradient(100deg,var(--bg-surface-secondary) 30%,var(--bg-surface-hover) 50%,var(--bg-surface-secondary) 70%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:.7em;margin:.3em 0;border-radius:var(--radius-full)}.skeleton-text.is-short{width:55%}.skeleton-circle{border-radius:50%;flex-shrink:0}@media (prefers-reduced-motion: reduce){.skeleton{animation:none}}.avatar-group{display:inline-flex;align-items:center}.avatar-group .avatar{border:2px solid var(--bg-surface)}.avatar-group .avatar+.avatar,.avatar-group .avatar-group-more{margin-left:-10px}.avatar-group-more{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);background:var(--bg-surface-secondary);color:var(--text-secondary);border:2px solid var(--bg-surface);font-size:var(--text-xs);font-weight:600}.segmented{display:inline-flex;align-items:center;gap:2px;padding:2px;background:var(--bg-surface-secondary);border-radius:var(--radius-md)}.segmented-option{appearance:none;border:0;background:transparent;padding:5px 12px;border-radius:calc(var(--radius-md) - 2px);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:background var(--duration-fast),color var(--duration-fast)}.segmented-option:hover{color:var(--text-primary)}.segmented-option[aria-pressed=true]{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-xs)}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-xs);font-size:var(--text-sm);list-style:none;margin:0;padding:0}.breadcrumb-item{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--text-tertiary)}.breadcrumb-item a{color:var(--text-tertiary);text-decoration:none}.breadcrumb-item a:hover{color:var(--text-primary)}.breadcrumb-item[aria-current=page]{color:var(--text-primary);font-weight:500}.breadcrumb-sep{color:var(--text-placeholder);display:inline-flex}.breadcrumb-sep svg{width:14px;height:14px}.menu{position:relative;display:inline-flex}.menu-panel{position:absolute;top:calc(100% + var(--space-xs));left:0;min-width:200px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-xs);z-index:var(--z-dropdown)}.menu-panel[hidden]{display:none}.menu-item{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-sm) var(--space-md);border:0;background:none;text-align:left;border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;text-decoration:none;transition:background var(--duration-fast),color var(--duration-fast)}.menu-item:hover,.menu-item:focus-visible{background:var(--bg-surface-secondary);color:var(--text-primary);outline:none}.menu-item svg{width:16px;height:16px;flex-shrink:0}.menu-item-danger{color:var(--color-error-700)}.menu-item-danger:hover{background:var(--color-error-50);color:var(--color-error-700)}.menu-sep{height:1px;margin:var(--space-xs) 0;background:var(--border-color)}.menu-label{padding:var(--space-xs) var(--space-md);font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.popover{position:relative;display:inline-flex}.popover-panel{position:absolute;top:calc(100% + 10px);left:0;width:280px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-lg);z-index:var(--z-dropdown);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.popover-panel[hidden]{display:none}.popover-panel:before{content:"";position:absolute;bottom:100%;left:20px;border:7px solid transparent;border-bottom-color:var(--border-color)}.popover-panel:after{content:"";position:absolute;bottom:100%;left:21px;border:6px solid transparent;border-bottom-color:var(--bg-surface)}.popover-title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-sm)}.combobox{position:relative}.combobox-list{position:absolute;top:calc(100% + var(--space-xs));left:0;right:0;max-height:220px;overflow-y:auto;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-xs);z-index:var(--z-dropdown)}.combobox-list[hidden]{display:none}.combobox-option{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer}.combobox-option:hover,.combobox-option.is-active{background:var(--bg-surface-secondary);color:var(--text-primary)}.combobox-option[aria-selected=true]{color:var(--color-primary-700);font-weight:500}.combobox-empty{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);color:var(--text-tertiary)}