:root{--text-primary-dark: rgba(255, 255, 255, .94);--text-secondary-dark: rgba(255, 255, 255, .7);--text-primary-light: #111216;--text-secondary-light: rgba(0, 0, 0, .62);--text-primary: var(--text-primary-dark);--text-secondary: var(--text-secondary-dark);--text-soft: rgba(255, 255, 255, .5);--icon: var(--text-secondary);--ease-smooth: cubic-bezier(.16, 1, .3, 1);--ease-soft: cubic-bezier(.19, .9, .22, 1);--scale-press: .985;--fade-hover: .96;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 64px;--sidebar-w: 240px;--content-max-w: 1400px;--font-xs: 11px;--font-sm: 13px;--font-md: 16px;--font-base: 15px;--font-lg: 18px;--font-xl: 22px;--font-2xl: 28px;--font-3xl: 36px;--section-title-weight: 600;--section-desc-opacity: .65;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-card: 16px;--radius-pill: 80px;--radius-full: 9999px;--radius-base: var(--radius-md);--bg-body: #181818;--bg-surface-1: #181818;--border: #2a2a2a;--bg: var(--bg-body);--surface-alpha: 20;--surface-blur: 16px;--surface-primary: color-mix(in srgb, var(--bg-surface-1) calc(var(--surface-alpha) * 1%), transparent);--glass-l1: var(--surface-primary);--glass-l2: color-mix(in srgb, var(--surface-primary) 70%, transparent);--glass-overlay: color-mix(in srgb, var(--surface-primary) 30%, transparent);--glass-blur: var(--surface-blur);--surface: var(--glass-l1);--glx-overlay-bg: var(--glass-l2);--glx-bg: var(--glass-l1);--accent: #4aa8ff;--accent-strong: var(--accent);--accent-soft: color-mix(in srgb, var(--accent) 25%, transparent);--accent-contrast: #0f0f0f;--accent-ring: color-mix(in srgb, var(--accent) 35%, transparent);--accent-hue: 0deg;--accent-invert: 0;--role-success: #3dd68c;--role-warning: #facc15;--role-danger: #f87171;--success: #2bd07f;--warning: #f5b640;--danger: #f35b78;--header-color: transparent;--header-alpha: 82;--header-blur: var(--glass-blur);--sidebar-color: transparent;--sidebar-alpha: 78;--sidebar-blur: var(--glass-blur);--card-color: var(--bg-surface-1);--card-alpha: 75;--card-blur: var(--glass-blur);--menu-blur: var(--glass-blur);--shadow-soft: 0 4px 14px rgba(0, 0, 0, .4);--shadow-float: 0 8px 24px rgba(0, 0, 0, .55);--shadow-strong: var(--shadow-float);--elevation-1: 0 2px 4px rgba(0, 0, 0, .15);--elevation-2: 0 4px 12px rgba(0, 0, 0, .18);--graph-stroke: color-mix(in srgb, var(--accent) 92%, white 8%);--graph-fill: color-mix(in srgb, var(--accent) 22%, transparent);--graph-grid: rgba(255, 255, 255, .08);--graph-axis: rgba(255, 255, 255, .35);--graph-text: rgba(255, 255, 255, .85);--bg-panel: var(--surface);--bg-soft: color-mix(in srgb, var(--surface) 65%, var(--bg-body));--card-layer: color-mix(in srgb, var(--bg-panel) 90%, var(--bg-soft));--background-strong: var(--bg-soft);--muted: color-mix(in srgb, var(--bg-soft) 65%, transparent)}:root[data-theme=light]{--bg-body: #f8f8f8;--bg-surface-1: #f7f7f7;--border: #dcdcdc;--bg: var(--bg-body);--text-primary: #1e1e1e;--text-secondary: rgba(0, 0, 0, .55);--text-soft: rgba(0, 0, 0, .5);--header-color: #ffffff;--header-alpha: 88;--sidebar-color: #f3f4f6;--sidebar-alpha: 90;--card-color: #ffffff;--card-alpha: 92;--graph-stroke: color-mix(in srgb, var(--accent) 80%, black 20%);--graph-fill: color-mix(in srgb, var(--accent) 30%, transparent);--graph-grid: rgba(0, 0, 0, .06);--graph-axis: rgba(0, 0, 0, .35);--graph-text: rgba(0, 0, 0, .85)}html,body{background:var(--bg-body)!important;color:var(--text-primary);font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;height:100%;overflow-x:hidden;overflow-y:auto}#root{height:100%;min-height:0;overflow:hidden;display:flex;flex-direction:column}:root{--shell-header-h: 52px;--sidebar-rail: 64px;--content-pad: var(--space-6);--content-pad-wide: var(--space-7);--section-gap: var(--space-4);--card-pad: var(--space-5);--nav-gap: var(--space-2);--nav-item-pad-x: var(--space-3);--nav-item-pad-y: var(--space-2);--nav-item-radius: 14px}[data-card-density=compact]{--card-pad: var(--space-4);--section-gap: var(--space-3)}[data-card-density=comfortable]{--card-pad: var(--space-5);--section-gap: var(--space-4)}[data-header-compact=true]{--shell-header-h: 48px}:root[data-odali-env^=dev] body:after{content:var(--odali-build-sentinel, "DEV BUILD unknown");position:fixed;bottom:6px;right:10px;font-size:10px;opacity:.35;z-index:999999;pointer-events:none;color:var(--text-secondary);letter-spacing:.04em}.odali-build-badge{position:fixed;bottom:18px;right:16px;padding:6px 12px;border-radius:var(--radius-pill);border:1px solid color-mix(in srgb,var(--border) 82%,transparent);background:color-mix(in srgb,var(--glass-overlay) 85%,var(--bg));color:var(--text-primary);font-size:12px;opacity:.8;box-shadow:var(--elevation-1);z-index:1000000;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.odali-build-blocker{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,#0a0f1a 85%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:grid;place-items:center;padding:var(--space-6);z-index:2000000;color:var(--text-primary)}.odali-build-blocker-card{width:min(520px,92vw);border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--border) 85%,transparent);background:color-mix(in srgb,var(--bg) 94%,var(--glass-overlay));box-shadow:var(--shadow-strong);padding:var(--space-5);text-align:center}.odali-build-blocker-title{font-size:var(--font-xl);font-weight:800;letter-spacing:.02em}.odali-guardian-list{list-style:none;padding:0;margin:var(--space-2) 0 0;display:flex;flex-direction:column;gap:var(--space-2);text-align:left}.odali-guardian-list li{border:1px solid color-mix(in srgb,var(--border) 78%,transparent);background:color-mix(in srgb,var(--glass-overlay) 86%,var(--bg));padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-sm)}.odali-guardian-list li strong{color:var(--accent);margin-right:var(--space-1)}.odali-build-blocker-meta{padding-top:var(--space-2);border-top:1px solid color-mix(in srgb,var(--border) 80%,transparent)}[data-dev-verbosity=minimal] .odali-verbose-only{display:none}[data-dev-verbosity=verbose] .odali-verbose-only{display:block}.odali-section-title{font-size:var(--font-xl);font-weight:var(--section-title-weight);letter-spacing:-.01em}.odali-section-subtitle{font-size:var(--font-sm);opacity:var(--section-desc-opacity)}*{box-sizing:border-box}.odali-text-primary{color:var(--text-primary)}.odali-text-secondary{color:var(--text-secondary)}.odali-chart-md{height:160px}.odali-card-graph{min-height:160px;max-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3);width:100%;border:1px solid color-mix(in srgb,var(--border) 85%,transparent);border-radius:var(--radius-card);background:color-mix(in srgb,var(--card-color) calc(var(--card-alpha) * 1%),var(--glass-l1))}.odali-card-graph>*{flex:none}.odali-pad-compact{padding:var(--space-3)}.odali-graph-inner{padding-top:var(--space-1);padding-bottom:var(--space-1)}.odali-graph-padding{padding-top:var(--space-2);padding-bottom:var(--space-2)}.odali-graph-center{display:flex;align-items:center;justify-content:center;height:100%;width:100%;overflow:hidden}.odali-card-inner{display:flex;flex-direction:column;gap:var(--space-3);width:100%}.odali-dashboard-dense .odali-section-frame{padding-top:var(--space-3);row-gap:var(--space-3)}.odali-dashboard-dense .odali-page-header{margin-bottom:0}.odali-dashboard-dense .odali-card,.odali-dashboard-dense .odali-card-surface{padding:var(--space-4)}.odali-dashboard-dense .odali-dashboard-grid{gap:var(--space-3)}.odali-dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4)}.odali-surface-graph,.odali-surface-chart{background:var(--glass-l1);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--elevation-1)}.odali-metric-h{min-height:72px;display:flex;flex-direction:column;justify-content:center}.odali-log-viewer{background:var(--glass-l1);border:1px solid var(--border);border-radius:var(--radius-card);padding:var(--space-3);max-height:360px;overflow:auto;font-family:ui-monospace,SFMono-Regular,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;white-space:pre-wrap}.odali-icon{color:var(--icon);opacity:.9;height:1.2rem;width:1.2rem;display:flex;align-items:center;justify-content:center}.odali-icon-premium{height:1.4rem;width:1.4rem;color:var(--text-primary)}.odali-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:var(--space-6);height:var(--space-6);color:var(--icon);border-radius:var(--radius-sm);flex-shrink:0}.odali-icon-compact{width:var(--space-5);height:var(--space-5)}.odali-shell{display:flex;width:100%;min-height:100vh;background:var(--bg-body);color:var(--text-primary)}.odali-shell-column{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;background:var(--bg)}.odali-shell-head{position:sticky;top:0;z-index:60;backdrop-filter:blur(var(--header-blur));-webkit-backdrop-filter:blur(var(--header-blur));background:color-mix(in srgb,var(--header-color) calc(var(--header-alpha) * 1%),var(--bg));border-bottom:1px solid color-mix(in srgb,var(--border) 85%,transparent)}.odali-shell-main{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--bg);color:var(--text-primary);overflow:hidden}.odali-content-shell{flex:1;min-height:0;width:100%;box-sizing:border-box;padding:var(--content-pad) var(--content-pad-wide) var(--space-8);background:var(--bg);color:var(--text-primary);overflow-y:auto}.odali-scroll-y{overflow-y:auto;min-height:0}@media (max-width: 1280px){.odali-content-shell{padding:var(--space-5)}}@media (max-width: 960px){.odali-shell{flex-direction:column}.odali-content-shell{padding:var(--space-4)}}.odali-logo{width:28px;height:28px;object-fit:contain;-webkit-user-select:none;user-select:none;display:block}.odali-logo-accent{color:var(--accent);fill:currentColor;filter:brightness(1) saturate(1)}.odali-title{font-size:var(--font-lg);font-weight:600;color:var(--text-primary)}.odali-subtitle{font-size:var(--font-sm);opacity:.65;color:var(--text-secondary)}.odali-text-strong{font-size:var(--font-xl);font-weight:600;color:var(--text-primary);line-height:1.1}.odali-tone-success{color:var(--role-success)}.odali-tone-warning{color:var(--role-warning)}.odali-tone-danger{color:var(--role-danger)}.odali-tone-info{color:var(--text-primary)}.odali-transition{transition:background-color .25s var(--ease-smooth),border-color .25s var(--ease-smooth),color .25s var(--ease-smooth),opacity .25s var(--ease-smooth),transform .25s var(--ease-smooth)}.odali-hover-lift:hover,.odali-press:active{opacity:var(--fade-hover)}.odali-focus:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-card)}@keyframes odali-spin{to{transform:rotate(360deg)}}.odali-spin{animation:odali-spin 1s linear infinite}@keyframes odali-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.odali-appear{animation:odali-fade-in .35s var(--ease-smooth)}.odali-delay-0{animation-delay:0ms}.odali-delay-1{animation-delay:70ms}.odali-delay-2{animation-delay:.14s}.odali-delay-3{animation-delay:.21s}.odali-delay-4{animation-delay:.28s}.odali-delay-5{animation-delay:.35s}.odali-delay-6{animation-delay:.42s}.odali-delay-7{animation-delay:.49s}.odali-delay-8{animation-delay:.56s}.odali-delay-9{animation-delay:.63s}.odali-delay-10{animation-delay:.7s}.odali-fade-enter{opacity:0}.odali-fade-enter-active{opacity:1;transition:opacity .35s var(--ease-smooth)}.odali-slide-enter{opacity:0;transform:translateY(8px)}.odali-slide-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s var(--ease-smooth),transform .35s var(--ease-soft)}.odali-card-animate{opacity:0;transform:translateY(4px)}.odali-card-animate-active{opacity:1;transform:translateY(0);transition:opacity .28s var(--ease-smooth),transform .3s var(--ease-soft)}.odali-stack-1{display:flex;flex-direction:column;row-gap:var(--space-2)}.odali-stack-2{display:flex;flex-direction:column;row-gap:var(--space-3)}.odali-stack-3{display:flex;flex-direction:column;row-gap:var(--space-4)}.odali-stack-4{display:flex;flex-direction:column;row-gap:var(--space-5)}.odali-stack-5{display:flex;flex-direction:column;row-gap:var(--space-6)}.odali-stack-6{display:flex;flex-direction:column;row-gap:var(--space-7)}.odali-stack-7{display:flex;flex-direction:column;row-gap:var(--space-8)}.odali-stack-8{display:flex;flex-direction:column;row-gap:var(--space-9)}.odali-stack-9{display:flex;flex-direction:column;row-gap:var(--space-10)}.odali-stack-10{display:flex;flex-direction:column;row-gap:calc(var(--space-10) + var(--space-2))}.odali-stack-x{display:flex;align-items:center;column-gap:var(--space-3)}.odali-stack-y{display:flex;flex-direction:column;row-gap:var(--space-2)}.odali-row{display:flex;align-items:center;gap:var(--space-2)}.odali-row-wrap{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.odali-align-end{display:flex;justify-content:flex-end;width:100%}.odali-row-center{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.odali-col-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2)}.odali-select-none{-webkit-user-select:none;user-select:none}.odali-font-semibold{font-weight:600}.odali-opacity-25{opacity:.25}.odali-opacity-75{opacity:.75}.odali-pre-wrap{white-space:pre-wrap}.odali-pre{white-space:pre}.odali-break-words{overflow-wrap:break-word;word-break:break-word}.odali-max-h-64{max-height:16rem}.odali-min-w-152{min-width:9.5rem}.odali-h-4{height:1rem}.odali-w-full{width:100%}.odali-radius{border-radius:var(--radius-sm)}.odali-bg-accent{background:var(--accent)}.odali-text-invert{color:var(--accent-contrast)}.odali-border{border:1px solid var(--border)}.odali-avatar-pro{--avatar-size: var(--space-7);width:var(--avatar-size);height:var(--avatar-size);border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;line-height:1}.odali-avatar-pro[data-size=sm]{--avatar-size: var(--space-6)}.odali-avatar-pro[data-size=lg]{--avatar-size: var(--space-8)}.odali-avatar-pro[data-size=xl]{--avatar-size: var(--space-9)}.odali-row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.odali-align-start{align-items:flex-start}.odali-line-between{display:flex;align-items:baseline;justify-content:space-between;column-gap:var(--space-2)}.odali-relative{position:relative;display:inline-flex}.odali-env-strip{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid color-mix(in srgb,var(--border) 80%,transparent);background:color-mix(in srgb,var(--glass-overlay) 92%,transparent)}.odali-env-strip-icon{width:26px;height:26px;display:grid;place-items:center;border-radius:var(--radius-full);background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);flex-shrink:0}.odali-env-strip-close{border:1px solid color-mix(in srgb,var(--border) 80%,transparent);background:color-mix(in srgb,var(--glass-overlay) 88%,transparent);color:var(--text-primary);border-radius:var(--radius-pill);padding:6px 12px;cursor:pointer;transition:background-color .2s var(--ease-smooth),border-color .2s var(--ease-smooth)}.odali-env-strip-close:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.odali-divider{border:none;border-top:1px solid color-mix(in srgb,var(--border) 80%,transparent);margin:var(--space-1) 0}.odali-chip-ok{border-color:color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--glass-overlay) 92%,transparent)}.odali-chip-warn{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:color-mix(in srgb,var(--accent) 20%,var(--glass-overlay))}.odali-env-pill{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--border);background:color-mix(in srgb,var(--glass-overlay) 85%,transparent);color:var(--text-secondary);font-size:var(--font-xs);letter-spacing:.04em;text-transform:uppercase;font-weight:700;box-shadow:var(--elevation-1)}.odali-env-note{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--accent) 16%,var(--glass-overlay));color:var(--text-primary);font-size:var(--font-xs);border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border))}.odali-env-pill[data-tone=dev]{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:color-mix(in srgb,var(--accent) 18%,transparent)}.odali-env-pill[data-tone=staging]{color:var(--warning);border-color:color-mix(in srgb,var(--warning) 45%,var(--border));background:color-mix(in srgb,var(--warning) 18%,transparent)}.odali-env-pill[data-tone=prod]{color:var(--role-danger);border-color:color-mix(in srgb,var(--role-danger) 45%,var(--border));background:color-mix(in srgb,var(--role-danger) 18%,transparent)}.odali-env-pill[data-tone=unknown]{color:var(--text-secondary);border-color:var(--border);background:color-mix(in srgb,var(--glass-overlay) 90%,transparent);box-shadow:none}.odali-nav-pill{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--border);background:transparent;color:var(--text-secondary);font-size:var(--font-xs);letter-spacing:.04em;text-decoration:none;transition:background-color .2s var(--ease-smooth),border-color .2s var(--ease-smooth),color .2s var(--ease-smooth),box-shadow .2s var(--ease-smooth)}.odali-nav-pill:hover{background:color-mix(in srgb,var(--glass-overlay) 85%,transparent);color:var(--text-primary);border-color:color-mix(in srgb,var(--border) 75%,transparent)}.odali-nav-pill-active{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:color-mix(in srgb,var(--accent) 18%,transparent);box-shadow:var(--elevation-1)}.odali-chip{display:inline-flex;align-items:center;gap:var(--space-1);height:32px;padding:0 var(--space-3);border-radius:var(--radius-pill);border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--glass-overlay) 90%,transparent);text-transform:uppercase;letter-spacing:.06em;font-size:var(--font-xs);font-weight:700}.odali-status-pill{display:inline-flex;align-items:center;gap:var(--space-2);height:36px;padding:0 var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--border);color:var(--text-secondary);background:transparent;font-size:var(--font-xs)}.odali-status-dot{display:inline-flex;width:10px;height:10px;border-radius:9999px;background:color-mix(in srgb,var(--accent) 18%,transparent)}.odali-status-ok{background:var(--role-success)}.odali-status-warn{background:var(--role-warning)}.odali-status-bad{background:var(--role-danger)}html[data-density=compact] .odali-card,html[data-density=compact] .odali-surface{padding:12px}html[data-density=spacious] .odali-card,html[data-density=spacious] .odali-surface{padding:24px}html[data-iconStyle=minimal] .odali-icon{opacity:.7;stroke-width:1.2}html[data-iconStyle=outline] .odali-icon{opacity:.9;stroke-width:1.6}html[data-iconStyle=filled] .odali-icon{opacity:1;stroke-width:0}@keyframes odali-fade-scale{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.odali-anim-fade-scale{animation:odali-fade-scale .16s var(--ease-smooth)}.odali-journal-panel{background:color-mix(in srgb,var(--glass-l1) 70%,transparent);border:1px solid var(--border);border-radius:var(--radius-base);padding:10px;font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}.odali-logo-filter{filter:brightness(0) saturate(100%) invert(var(--accent-invert, 0)) sepia(1) saturate(800%) hue-rotate(var(--accent-hue, 0deg))}.odali-space-section{padding:var(--space-6)}.odali-space-card{padding:var(--space-4)}.odali-page-section{min-height:0}.odali-section-frame{width:100%;max-width:var(--content-max-w);margin:0 auto;display:flex;flex-direction:column;row-gap:var(--section-gap)}.odali-section-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-2)}.odali-section-header-actions{display:flex;align-items:center;gap:var(--space-2)}.odali-section-surface{border:1px solid color-mix(in srgb,var(--border) 80%,transparent);border-radius:var(--radius-card);background:color-mix(in srgb,var(--card-color) calc(var(--card-alpha) * 1%),var(--glass-overlay));box-shadow:0 16px 40px color-mix(in srgb,#000 18%,transparent);padding:var(--card-pad)}.odali-section-spacing{margin-bottom:var(--space-6);display:flex;flex-direction:column;row-gap:var(--space-4)}.odali-page-header{margin-bottom:var(--space-3)}.odali-page-header-title{font-size:var(--font-2xl);font-weight:700;color:var(--text-primary)}.odali-text-title{font-size:var(--font-xl);font-weight:600}.odali-text-subtitle{font-size:var(--font-md);opacity:.7}.odali-text-body{font-size:var(--font-sm);color:var(--text-primary)}.odali-text-meta{font-size:var(--font-xs);color:var(--text-secondary);opacity:.75}.odali-text-small{font-size:var(--font-sm);color:var(--text-secondary)}.odali-text-label{font-size:var(--font-sm);font-weight:600;color:var(--text-secondary);letter-spacing:.01em}.odali-meta-label{text-transform:uppercase;letter-spacing:.08em;font-weight:600}.odali-max-readable{max-width:80ch}.odali-dot{display:inline-flex;width:10px;height:10px;border-radius:9999px}.odali-dot-success{background:var(--role-success)}.odali-dot-warning{background:var(--role-warning)}.odali-dot-danger{background:var(--role-danger)}.odali-dot-neutral{background:color-mix(in srgb,var(--accent) 20%,transparent)}.odali-elev-1{box-shadow:var(--elevation-1)}.odali-elev-2{box-shadow:var(--elevation-2)}.odali-elev-3{box-shadow:var(--shadow-strong)}.odali-grid-12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--space-4)}.odali-grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-4);width:100%}.odali-overflow-hidden{overflow:hidden}.odali-popover{position:absolute;left:0;top:100%;margin-top:var(--space-2);z-index:90;min-width:280px;width:320px;max-width:min(360px,calc(100vw - var(--space-6)))}.odali-popover-body{display:flex;flex-direction:column;gap:var(--space-2)}.odali-popover-item{display:flex;flex-direction:column;gap:var(--space-1);border-radius:var(--radius-md);padding:var(--space-3);border:1px solid var(--border);background:var(--glass-l1);text-align:left}.odali-popover-item:hover{background:color-mix(in srgb,var(--glass-l2) 85%,transparent)}.odali-scroll-x{overflow-x:auto;width:100%}.odali-scroll-400{max-height:400px;overflow:auto}.odali-scroll-280{max-height:280px;overflow:auto}.odali-scroll-160{max-height:160px;overflow:auto}.odali-col-span-1{grid-column:span 1 / span 1}.odali-col-span-2{grid-column:span 2 / span 2}.odali-col-span-3{grid-column:span 3 / span 3}.odali-col-span-4{grid-column:span 4 / span 4}.odali-col-span-5{grid-column:span 5 / span 5}.odali-col-span-6{grid-column:span 6 / span 6}.odali-col-span-7{grid-column:span 7 / span 7}.odali-col-span-8{grid-column:span 8 / span 8}.odali-col-span-9{grid-column:span 9 / span 9}.odali-col-span-10{grid-column:span 10 / span 10}.odali-col-span-11{grid-column:span 11 / span 11}.odali-col-span-12{grid-column:span 12 / span 12}.odali-row-span-1{grid-row:span 1 / span 1}.odali-row-span-2{grid-row:span 2 / span 2}.odali-row-span-3{grid-row:span 3 / span 3}.odali-row-span-4{grid-row:span 4 / span 4}.odali-row-span-5{grid-row:span 5 / span 5}.odali-row-span-6{grid-row:span 6 / span 6}.odali-card-stack{display:flex;flex-direction:column;row-gap:var(--space-3)}.odali-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid transparent;border-radius:var(--radius-sm);font-weight:600;text-decoration:none;cursor:pointer;transition:background-color .2s var(--ease-smooth),border-color .2s var(--ease-smooth),color .2s var(--ease-smooth),box-shadow .2s var(--ease-smooth),transform .2s var(--ease-smooth)}.odali-btn-sm{min-height:36px;padding:0 var(--space-3);font-size:var(--font-sm)}.odali-btn-md{min-height:44px;padding:0 var(--space-4);font-size:var(--font-base)}.odali-btn-lg{min-height:48px;padding:0 var(--space-5);font-size:var(--font-lg)}.odali-btn-block{width:100%}.odali-btn-primary{background:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,var(--border));color:var(--accent-contrast);box-shadow:var(--elevation-1)}.odali-btn-primary:hover{background:var(--accent-strong)}.odali-btn-secondary{background:var(--glass-l1);border-color:var(--border);color:var(--text-primary)}.odali-btn-secondary:hover{border-color:color-mix(in srgb,var(--border) 60%,transparent);background:color-mix(in srgb,var(--glass-overlay) 90%,transparent)}.odali-btn-ghost{background:transparent;border-color:color-mix(in srgb,var(--border) 45%,transparent);color:var(--text-primary)}.odali-btn-ghost:hover{background:color-mix(in srgb,var(--glass-overlay) 85%,transparent);border-color:color-mix(in srgb,var(--border) 70%,transparent)}.odali-btn-danger{background:var(--role-danger);border-color:color-mix(in srgb,var(--role-danger) 55%,var(--border));color:var(--text-primary-dark)}.odali-btn-danger:hover{background:color-mix(in srgb,var(--role-danger) 88%,var(--bg))}.odali-btn:focus-visible{outline:2px solid var(--accent-ring);outline-offset:2px}.odali-btn:active{transform:scale(var(--scale-press))}.odali-field{display:flex;flex-direction:column;gap:var(--space-2);width:100%;color:var(--text-primary)}.odali-field-label{font-size:var(--font-sm);font-weight:600;color:var(--text-secondary);letter-spacing:.01em}.odali-field-hint{font-size:var(--font-xs);color:var(--text-secondary);opacity:.85}.odali-field-error{font-size:var(--font-xs);color:var(--role-danger)}.odali-input,.odali-select,.odali-textarea{width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-layer);color:var(--text-primary);transition:border-color .2s var(--ease-smooth),box-shadow .2s var(--ease-smooth),background-color .2s var(--ease-smooth)}.odali-input{height:44px;padding:0 var(--space-3)}.odali-input-compact{height:36px;padding:0 var(--space-2);font-size:var(--font-sm)}.odali-input-narrow{max-width:140px}.odali-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:44px;padding:0 var(--space-6) 0 var(--space-3)}.odali-select option{color:var(--text-primary);background:var(--card-layer)}.odali-textarea{min-height:120px;padding:var(--space-3);resize:vertical}.odali-input:focus,.odali-select:focus,.odali-textarea:focus{border-color:var(--accent);outline:2px solid var(--accent-ring);outline-offset:1px}.odali-input-error:focus,.odali-select-error:focus,.odali-textarea-error:focus{border-color:var(--role-danger);outline:2px solid color-mix(in srgb,var(--role-danger) 60%,transparent)}.odali-input-error,.odali-select-error,.odali-textarea-error{border-color:var(--role-danger)}.odali-select-wrap{position:relative;width:100%}.odali-select-arrow{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.odali-color-input{width:48px;height:40px;padding:0;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--glass-l1)}.odali-checkbox{width:20px;height:20px;accent-color:var(--accent)}.odali-range{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:10px;border-radius:var(--radius-pill, 999px);background:linear-gradient(90deg,var(--glass-l2),var(--accent));outline:none;accent-color:var(--accent)}.odali-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:999px;background:var(--bg);border:2px solid var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 25%,transparent)}.odali-range::-moz-range-thumb{width:18px;height:18px;border-radius:999px;background:var(--bg);border:2px solid var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 25%,transparent)}.odali-table-shell{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--glass-l1);box-shadow:var(--elevation-1);overflow:hidden}.odali-table{width:100%;border-collapse:collapse;min-width:100%;font-size:var(--font-sm);color:var(--text-primary)}.odali-table thead{background:var(--background-strong);color:var(--text-secondary);font-size:var(--font-xs);letter-spacing:.08em;text-transform:uppercase}.odali-table th,.odali-table td{padding:var(--space-3) var(--space-4)}.odali-table th{text-align:left;font-weight:600}.odali-table-row{border-top:1px solid var(--border);transition:background-color .2s var(--ease-smooth)}.odali-table-row:hover{background:color-mix(in srgb,var(--glass-overlay) 85%,transparent)}.odali-table-align-right{text-align:right}.odali-table-align-center{text-align:center}.odali-table-sorter{display:inline-flex;align-items:center;gap:var(--space-2);color:inherit;background:transparent;border:none;padding:0;cursor:pointer;width:100%}.odali-table-align-right .odali-table-sorter{justify-content:flex-end;width:100%}.odali-table-align-center .odali-table-sorter{justify-content:center;width:100%}.odali-table-empty{padding:var(--space-5);text-align:center}.odali-tabs{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--background-strong)}.odali-tab{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-size:var(--font-sm);font-weight:600;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:background-color .2s var(--ease-smooth),color .2s var(--ease-smooth)}.odali-tab:hover{color:var(--text-primary)}.odali-tab:focus-visible{outline:2px solid var(--accent-ring);outline-offset:2px}.odali-tab-active{background:var(--accent);color:var(--accent-contrast);box-shadow:var(--elevation-1)}.odali-tab-badge{display:inline-flex;align-items:center;border-radius:var(--radius-pill);padding:2px var(--space-2);background:var(--glass-l1);color:var(--text-secondary);font-size:11px}.odali-ds-row{border:1px solid color-mix(in srgb,var(--border) 80%,transparent);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);background:color-mix(in srgb,var(--glass-overlay) 85%,transparent)}.odali-ds-reason{color:var(--text-secondary)}.odali-ds-apply{align-self:flex-start;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--border));border-radius:var(--radius-pill);padding:6px 12px;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--text-primary);cursor:pointer;transition:background-color .2s var(--ease-smooth),box-shadow .2s var(--ease-smooth)}.odali-ds-apply:hover{box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 16%,transparent)}.odali-pref-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-3);width:100%}.odali-pref-tile{border:1px solid color-mix(in srgb,var(--border) 80%,transparent);border-radius:var(--radius-card);padding:var(--space-3);background:color-mix(in srgb,var(--card-color) 18%,var(--glass-overlay));display:flex;flex-direction:column;gap:var(--space-3)}.odali-pref-header{min-height:36px}.odali-pref-icon{width:36px;height:36px;border-radius:var(--radius-md);display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}.odali-pref-toggle-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.odali-pref-toggle{padding:8px 12px;border-radius:var(--radius-pill);border:1px solid color-mix(in srgb,var(--border) 75%,transparent);background:color-mix(in srgb,var(--glass-overlay) 88%,transparent);color:var(--text-secondary);cursor:pointer;transition:background-color .2s var(--ease-smooth),border-color .2s var(--ease-smooth),color .2s var(--ease-smooth)}.odali-pref-toggle-active{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--text-primary);box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 14%,transparent)}.odali-pref-ds{border-top:1px solid color-mix(in srgb,var(--border) 75%,transparent);padding-top:var(--space-2)}.odali-pref-ds-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid color-mix(in srgb,var(--border) 80%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--glass-overlay) 88%,transparent)}.odali-pref-ds-copy{flex:1;min-width:0}.odali-pref-ds-apply{border:1px solid color-mix(in srgb,var(--accent) 40%,var(--border));border-radius:var(--radius-pill);padding:6px 12px;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--text-primary);cursor:pointer;transition:background-color .2s var(--ease-smooth),box-shadow .2s var(--ease-smooth)}.odali-pref-ds-apply:hover{box-shadow:0 8px 18px color-mix(in srgb,var(--accent) 16%,transparent)}.odali-tag{display:inline-flex;align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);padding:4px var(--space-3);font-size:var(--font-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.odali-badge{display:inline-flex;align-items:center;gap:var(--space-1);border-radius:var(--radius-pill);padding:4px var(--space-2);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.odali-tone-neutral{background:var(--background-strong);color:var(--text-secondary)}.odali-tone-success{background:color-mix(in srgb,var(--role-success) 22%,transparent);color:var(--role-success)}.odali-tone-warning{background:color-mix(in srgb,var(--role-warning) 22%,transparent);color:var(--role-warning)}.odali-tone-danger{background:color-mix(in srgb,var(--role-danger) 22%,transparent);color:var(--role-danger)}.odali-tone-info{background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--accent)}.odali-toast-stack{position:fixed;z-index:9999;display:flex;flex-direction:column;gap:var(--space-3)}.odali-toast-top-right{top:var(--space-4);right:var(--space-4)}.odali-toast-top-left{top:var(--space-4);left:var(--space-4)}.odali-toast-bottom-right{bottom:var(--space-4);right:var(--space-4)}.odali-toast-bottom-left{bottom:var(--space-4);left:var(--space-4)}.odali-toast{width:320px;border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);box-shadow:var(--shadow-strong);background:var(--glass-l1);color:var(--text-primary)}.odali-toast-tone-info{background:color-mix(in srgb,var(--accent) 12%,var(--glass-l1))}.odali-toast-tone-success{background:color-mix(in srgb,var(--role-success) 12%,var(--glass-l1))}.odali-toast-tone-warning{background:color-mix(in srgb,var(--role-warning) 12%,var(--glass-l1))}.odali-toast-tone-danger{background:color-mix(in srgb,var(--role-danger) 12%,var(--glass-l1))}.odali-toast-head{display:flex;align-items:center;gap:var(--space-2)}.odali-toast-body{display:flex;flex-direction:column;gap:var(--space-2)}.odali-toast-close{border:none;background:transparent;color:var(--text-secondary);border-radius:var(--radius-sm);padding:var(--space-1);cursor:pointer}.odali-toast-close:hover{background:color-mix(in srgb,var(--glass-overlay) 90%,transparent);color:var(--text-primary)}.odali-switch-row{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-primary)}.odali-switch{position:relative;width:calc(var(--space-9) - var(--space-1));height:var(--space-6);border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--muted);transition:background-color .2s var(--ease-smooth),border-color .2s var(--ease-smooth)}.odali-switch-thumb{position:absolute;top:var(--space-1);left:var(--space-1);width:var(--space-4);height:var(--space-4);border-radius:var(--radius-full);background:var(--card-layer);transition:transform .22s var(--ease-smooth),background-color .22s var(--ease-smooth)}.odali-switch-on{background:color-mix(in srgb,var(--accent) 20%,var(--muted));border-color:color-mix(in srgb,var(--accent) 50%,var(--border))}.odali-switch-on .odali-switch-thumb{transform:translate(var(--space-5));background:var(--accent-contrast)}.odali-switch-label{font-size:var(--font-sm);color:var(--text-secondary)}.odali-switch:focus-visible{outline:2px solid var(--accent-ring);outline-offset:2px}.odali-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--bg) 45%,transparent);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.odali-modal{width:min(640px,calc(100% - var(--space-6)));border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);background:var(--card-layer);box-shadow:var(--shadow-strong);display:flex;flex-direction:column;row-gap:var(--space-3)}.odali-modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.odali-modal-title{font-size:var(--font-lg);font-weight:600;color:var(--text-primary)}.odali-modal-body{display:flex;flex-direction:column;row-gap:var(--space-3)}.odali-modal-close{color:var(--text-secondary);background:transparent;border:none;padding:var(--space-1);border-radius:var(--radius-sm)}.odali-modal-close:hover{color:var(--text-primary);background:color-mix(in srgb,var(--glass-overlay) 85%,transparent)}.odali-surface{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--glass-l1);box-shadow:var(--elevation-1)}.odali-surface-compact{padding:var(--space-3)}.odali-surface-roomy{padding:var(--space-5)}.odali-surface-active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--glass-l1));box-shadow:var(--elevation-2)}.odali-hover-surface:hover{background:color-mix(in srgb,var(--glass-l2) 85%,transparent)}.odali-section-divider{border-top:1px solid var(--border);padding-top:var(--space-3);margin-top:var(--space-2)}.odali-pointer{cursor:pointer}.odali-text-danger{color:var(--role-danger)}.odali-text-warning{color:var(--role-warning)}.odali-text-success{color:var(--role-success)}.odali-text-accent{color:var(--accent)}.odali-metric-card{position:relative;overflow:hidden}.odali-metric-header{position:relative}.odali-metric-halo{position:absolute;right:var(--space-2);top:var(--space-2);width:56px;height:56px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--accent) 18%,transparent);filter:blur(18px);transition:transform .2s var(--ease-smooth)}.odali-metric-card:hover .odali-metric-halo{transform:scale(1.05)}.odali-metric-value{font-size:var(--font-3xl);font-weight:600;line-height:1.1;color:var(--text-primary)}.odali-metric-icon{border-radius:var(--radius-full);padding:var(--space-3);background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent);display:inline-flex;align-items:center;justify-content:center}@keyframes odali-pulse{0%{opacity:.55}50%{opacity:1}to{opacity:.55}}.odali-skeleton{background:var(--muted);border-radius:var(--radius-sm);animation:odali-pulse 1.6s ease-in-out infinite}.odali-skeleton-line{height:14px;min-width:120px}.odali-skeleton-strong{height:28px;min-width:160px}.odali-chart-skeleton{width:100%;height:224px;border-radius:var(--radius-md)}.odali-mono{font-family:SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:var(--font-sm)}.odali-text-center{text-align:center}.odali-sparkline{display:flex;align-items:center;min-height:48px}.odali-sparkline svg{width:100%;height:48px}.odali-theme-preview{display:flex;flex-direction:column;gap:var(--space-3);max-width:360px}.odali-theme-preview-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--border);background:color-mix(in srgb,var(--glass-l2) 85%,transparent);font-size:var(--font-xs);color:var(--text-secondary)}.odali-theme-pane{border-radius:var(--radius-card);border:1px solid var(--border);background:var(--glass-l1);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.odali-theme-bar{display:block;width:100%;height:6px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--glx-bg) 80%,transparent)}.odali-theme-bar-strong{background:color-mix(in srgb,var(--accent) 70%,transparent)}.odali-theme-bar-soft{background:color-mix(in srgb,var(--accent-soft) 85%,transparent)}.odali-theme-chip{display:inline-flex;width:var(--space-4);height:var(--space-2);border-radius:var(--radius-pill);background:var(--accent);opacity:.85}.odali-theme-chip-soft{background:color-mix(in srgb,var(--glx-bg) 80%,transparent)}.odali-timeline{position:relative;display:flex;flex-direction:column;row-gap:var(--space-3)}.odali-timeline-line{position:absolute;left:var(--space-2);top:0;bottom:0;width:1px;background:var(--border)}.odali-timeline-row{position:relative;display:flex;align-items:flex-start;column-gap:var(--space-2);padding-left:calc(var(--space-2) + 4px)}.odali-timeline-dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);background:var(--accent);margin-top:var(--space-1);flex-shrink:0}.odali-h-520{min-height:520px;height:520px}.odali-h-600{min-height:600px;height:600px}.odali-heat-grid-20{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:var(--space-1)}.odali-heat-cell{width:12px;height:12px;border-radius:var(--radius-xs);background:var(--muted)}.odali-heat-i0{background:color-mix(in srgb,var(--accent) 8%,transparent)}.odali-heat-i1{background:color-mix(in srgb,var(--accent) 16%,transparent)}.odali-heat-i2{background:color-mix(in srgb,var(--accent) 32%,transparent)}.odali-heat-i3{background:color-mix(in srgb,var(--accent) 48%,transparent)}.odali-heat-i4{background:color-mix(in srgb,var(--accent) 64%,transparent)}.odali-heat-i5{background:color-mix(in srgb,var(--accent) 82%,transparent)}.odali-list-row{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2);border-bottom:1px solid var(--border);cursor:pointer;transition:background-color .2s var(--ease-smooth)}.odali-list-row:hover{background:color-mix(in srgb,var(--glass-overlay) 85%,transparent)}.odali-list-meta{font-size:var(--font-xs);color:var(--text-secondary)}.odali-panel-600{display:flex;flex-direction:column;gap:var(--space-2);min-height:600px;height:600px}.odali-panel-scroll{flex:1;overflow:auto;border:1px solid var(--border);border-radius:var(--radius-sm)}.odali-card-tone-success{border:1px solid color-mix(in srgb,var(--role-success) 55%,var(--border));background:color-mix(in srgb,var(--role-success) 12%,var(--glass-l1))}.odali-card-tone-info{border:1px solid color-mix(in srgb,var(--accent) 55%,var(--border));background:color-mix(in srgb,var(--accent) 12%,var(--glass-l1))}.odali-card-tone-warning{border:1px solid color-mix(in srgb,var(--role-warning) 55%,var(--border));background:color-mix(in srgb,var(--role-warning) 14%,var(--glass-l1))}.odali-card-tone-danger{border:1px solid color-mix(in srgb,var(--role-danger) 55%,var(--border));background:color-mix(in srgb,var(--role-danger) 14%,var(--glass-l1))}.odali-card-value{font-size:var(--font-2xl);font-weight:600;line-height:1.1;color:var(--text-primary)}.odali-card-critical{animation:odali-pulse 1.4s ease-in-out infinite;color:var(--accent)}.odali-min-90{min-width:90px}.odali-btn-icon{width:var(--space-8);height:var(--space-8);padding:0}.odali-fixed-corner{position:fixed;bottom:var(--space-4);right:var(--space-4);z-index:9999}.odali-overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5000;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:color-mix(in srgb,var(--bg) 45%,transparent);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.odali-overlay-card{width:min(720px,100%);border:1px solid var(--border);border-radius:var(--radius-card);background:var(--glass-l1);box-shadow:var(--shadow-strong);padding:var(--space-5)}.odali-relative-full{position:relative;width:100%;display:flex}.odali-hint{position:absolute;left:100%;top:50%;transform:translateY(-50%) translate(var(--space-3));pointer-events:none;z-index:80}.odali-hint-body{border:1px solid var(--border);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--glass-overlay) 85%,var(--glass-l1));padding:var(--space-2) var(--space-3);font-size:var(--font-xs);color:var(--text-secondary);box-shadow:var(--elevation-1);white-space:nowrap}.odali-pending-state{max-width:720px;margin:0 auto}.odali-pending-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:var(--radius-full);background:color-mix(in srgb,var(--accent) 14%,var(--glass-overlay));color:var(--accent);margin:0 auto}.recharts-cartesian-axis-tick-value{font-size:var(--font-xs);fill:var(--text-secondary)}.recharts-default-tooltip{background:var(--card-layer)!important;border:1px solid var(--border)!important;border-radius:var(--radius-sm)!important;padding:var(--space-3)!important;box-shadow:var(--elevation-1)!important;color:var(--text-primary)!important}.recharts-default-tooltip .recharts-tooltip-label{color:var(--text-primary)!important}.recharts-legend-item-text{color:var(--text-secondary);font-size:var(--font-xs)}[data-sidebar-density=compact]{--nav-gap: var(--space-1);--nav-item-pad-x: var(--space-2);--nav-item-pad-y: 10px;--nav-item-radius: 12px}.glass-1{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));background:var(--glass-l1);border:1px solid var(--border)}.glass-2{backdrop-filter:blur(calc(var(--glass-blur) * 1.2));-webkit-backdrop-filter:blur(calc(var(--glass-blur) * 1.2));background:var(--glass-l2);border:1px solid var(--border)}.glass-soft{background:var(--glass-overlay);border:1px solid var(--border)}.odali-surface{position:relative;background:var(--glass-l1);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border);transition:background-color .3s var(--ease-smooth),border-color .25s var(--ease-smooth),backdrop-filter .35s var(--ease-smooth),transform .25s var(--ease-smooth),opacity .25s var(--ease-smooth)}.odali-surface:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--glass-overlay) 100%,transparent);border-radius:inherit;pointer-events:none}.odali-hover:hover{background-color:color-mix(in srgb,var(--glx-overlay-bg) 65%,transparent);border-color:var(--border)}.odali-card-surface{position:relative;background:var(--glass-l2);border:1px solid var(--border);border-radius:var(--radius-card);backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(var(--card-blur));transition:background-color .3s var(--ease-smooth),border-color .25s var(--ease-smooth),backdrop-filter .35s var(--ease-smooth),transform .25s var(--ease-smooth),opacity .25s var(--ease-smooth)}.odali-card-surface:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--card-color) calc(var(--card-alpha) * 1%),var(--glass-overlay));backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(var(--card-blur));pointer-events:none;border-radius:inherit}.odali-card:after{display:none!important}.odali-header-bar{position:relative;width:100%;min-height:var(--shell-header-h);height:auto;z-index:60;padding:0;display:flex;align-items:center;box-sizing:border-box;background:color-mix(in srgb,var(--header-color) calc(var(--header-alpha) * 1%),var(--bg));backdrop-filter:blur(var(--header-blur));-webkit-backdrop-filter:blur(var(--header-blur));border-bottom:1px solid color-mix(in srgb,var(--border) 85%,transparent)}.odali-header-surface{position:relative;background:var(--glass-l1);backdrop-filter:blur(var(--header-blur));-webkit-backdrop-filter:blur(var(--header-blur));border-bottom:1px solid var(--border)}.odali-header-surface:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--header-color) calc(var(--header-alpha) * 1%),var(--glass-overlay));backdrop-filter:blur(var(--header-blur));-webkit-backdrop-filter:blur(var(--header-blur));pointer-events:none}.odali-header-inner{width:100%;height:100%;padding:0 var(--space-4);margin:0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-4)}.odali-header-left{display:flex;align-items:center;min-width:0}.odali-header-center{display:flex;justify-content:center;align-items:center}.odali-header-right{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2)}@media (max-width: 960px){.odali-header-inner{grid-template-columns:auto auto;grid-template-areas:"brand actions" "search search";row-gap:var(--space-2);padding:0 var(--space-3)}.odali-header-left{grid-area:brand}.odali-header-center{grid-area:search;width:100%}.odali-header-right{grid-area:actions;justify-content:flex-end}.odali-header-search{width:100%}}.odali-header-branding{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-primary);min-width:0}.odali-brand-logo{width:var(--space-7);height:var(--space-7);border-radius:var(--radius-full);background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent)}.odali-brand-text{display:flex;flex-direction:column;gap:2px;line-height:1.2;min-width:0}.odali-brand-title{font-weight:700;color:var(--text-primary);font-size:var(--font-md);white-space:nowrap}.odali-brand-subtitle{color:var(--text-secondary);font-size:var(--font-sm);white-space:nowrap}.odali-header-pills{display:inline-flex;align-items:center;gap:var(--space-2)}.odali-header-env{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.odali-header-env-slot{display:inline-flex;align-items:center}.odali-header-search{width:100%;max-width:560px;display:inline-flex;align-items:center;gap:var(--space-3);height:42px;padding:0 var(--space-3);border-radius:var(--radius-pill);border:1px solid color-mix(in srgb,var(--border) 75%,transparent);background:color-mix(in srgb,var(--glass-overlay) 80%,var(--card-color) 20%);color:var(--text-primary);text-align:left;cursor:pointer;transition:border-color .2s var(--ease-smooth),box-shadow .25s var(--ease-smooth),transform .2s var(--ease-smooth)}.odali-header-search:hover{border-color:color-mix(in srgb,var(--accent) 42%,var(--border));box-shadow:0 10px 28px color-mix(in srgb,var(--accent) 14%,transparent)}.odali-header-search-copy{flex:1;min-width:0}.odali-kbd{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:var(--radius-pill);border:1px solid color-mix(in srgb,var(--border) 80%,transparent);background:color-mix(in srgb,var(--glass-overlay) 88%,transparent);color:var(--text-secondary);font-size:var(--font-xs);letter-spacing:.02em}.odali-header-ds{display:inline-flex;align-items:center;gap:var(--space-1);height:34px;padding:0 var(--space-3);border-radius:var(--radius-pill);text-decoration:none;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--border));background:color-mix(in srgb,var(--accent) 16%,var(--glass-overlay));color:var(--text-primary);cursor:pointer}.odali-header-user{position:relative;display:inline-flex;align-items:center}.odali-header-avatar{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);width:38px;height:38px;border-radius:var(--radius-full);border:1px solid color-mix(in srgb,var(--border) 75%,transparent);background:color-mix(in srgb,var(--glass-overlay) 85%,transparent);color:var(--text-primary);cursor:pointer;position:relative}.odali-avatar-initials{font-weight:700;font-size:var(--font-sm)}.odali-header-avatar .odali-status-dot{position:absolute;right:4px;bottom:4px;width:8px;height:8px;border:2px solid var(--bg)}.odali-header-user-menu{position:absolute;right:0;top:calc(100% + var(--space-2));min-width:220px;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--border) 80%,transparent);background:color-mix(in srgb,var(--bg) 95%,var(--glass-overlay));box-shadow:var(--shadow-soft);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);z-index:200}.odali-header-actions{display:inline-flex;align-items:center;gap:var(--space-2)}.odali-header-chip{display:inline-flex;align-items:center;gap:var(--space-2);height:36px;padding:0 var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--border);background:transparent;color:var(--text-secondary);font-size:var(--font-xs);transition:background-color .2s var(--ease-smooth),border-color .2s var(--ease-smooth),color .2s var(--ease-smooth),transform .2s var(--ease-smooth)}.odali-header-chip:hover{color:var(--text-primary);border-color:color-mix(in srgb,var(--border) 80%,transparent);background:color-mix(in srgb,var(--glass-overlay) 90%,transparent)}.odali-header-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--border) 80%,transparent);background:color-mix(in srgb,var(--glass-overlay) 78%,transparent);color:var(--text-secondary);transition:background-color .2s var(--ease-smooth),border-color .2s var(--ease-smooth),color .2s var(--ease-smooth)}.odali-header-icon-btn:hover{background:color-mix(in srgb,var(--glass-overlay) 92%,transparent);border-color:color-mix(in srgb,var(--accent) 36%,var(--border));color:var(--text-primary);box-shadow:0 10px 26px color-mix(in srgb,var(--accent) 14%,transparent)}.card,.odali-card,.glass-card,.odali-card-surface{background:color-mix(in srgb,var(--card-color) calc(var(--card-alpha) * 1%),var(--glass-overlay));border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:var(--radius-card);padding:var(--card-pad);backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(var(--card-blur));transition:background-color .25s var(--ease-smooth),border-color .25s var(--ease-smooth),transform .25s var(--ease-smooth);box-shadow:0 14px 38px color-mix(in srgb,#000 16%,transparent);color:var(--text-primary)}.card:hover,.odali-card:hover,.glass-card:hover,.odali-card-surface:hover{background:color-mix(in srgb,var(--glass-overlay) 92%,var(--card-color))}html[data-theme=light] .card:hover,html[data-theme=light] .odali-card:hover,html[data-theme=light] .glass-card:hover,html[data-theme=light] .odali-card-surface:hover{background:color-mix(in srgb,var(--glass-overlay) 85%,var(--glass-l2))}.odali-sidebar-surface{position:relative;background-color:var(--glass-l1);border-right:1px solid var(--border);backdrop-filter:blur(var(--sidebar-blur));-webkit-backdrop-filter:blur(var(--sidebar-blur))}.odali-sidebar-surface:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--sidebar-color) calc(var(--sidebar-alpha) * 1%),var(--glass-overlay));backdrop-filter:blur(var(--sidebar-blur));-webkit-backdrop-filter:blur(var(--sidebar-blur));pointer-events:none}.odali-sidebar-shell{position:sticky;top:0;z-index:45;width:var(--sidebar-w);height:100vh;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3);overflow:hidden;transition:width .3s var(--ease-smooth),padding .3s var(--ease-smooth);background:color-mix(in srgb,var(--sidebar-color) calc(var(--sidebar-alpha) * 1%),var(--glass-overlay));border-right:1px solid color-mix(in srgb,var(--border) 85%,transparent);box-shadow:0 20px 60px color-mix(in srgb,#000 24%,transparent)}.odali-sidebar-shell[data-collapsed=true]{padding:var(--space-2);gap:var(--space-2);width:64px;--sidebar-rail: 64px}.odali-sidebar-tight{padding:var(--space-2) var(--space-2) var(--space-3)}.odali-nav-shell{display:flex;flex-direction:column;padding:var(--space-2) var(--space-2) var(--space-3);overflow-y:auto;flex:1;min-height:0;gap:var(--nav-gap)}.odali-sidebar-shell[data-collapsed=true] .odali-nav-shell{padding:var(--space-2) var(--space-1) var(--space-2);gap:var(--nav-gap);align-items:center}.odali-sidebar-top{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-2);padding:0 var(--space-1);min-height:44px}.odali-sidebar-shell[data-collapsed=true] .odali-sidebar-top{justify-content:center;padding:0}.odali-sidebar-shell[data-collapsed=true] .odali-sidebar-title{display:none}.odali-sidebar-title{font-size:var(--font-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary);font-weight:700}.odali-sidebar-content{flex:1;display:flex;flex-direction:column;gap:var(--space-3);min-height:0;position:relative;overflow-y:auto;overflow-x:hidden;align-items:stretch}.odali-sidebar-shell[data-collapsed=true] .odali-sidebar-content{align-items:center;gap:var(--space-2)}.odali-sidebar-toggle{display:inline-flex;align-items:center;gap:var(--space-2);padding:0 var(--space-2);height:40px;border-radius:var(--radius-pill);border:1px solid color-mix(in srgb,var(--border) 80%,transparent);background:color-mix(in srgb,var(--glass-overlay) 78%,transparent);color:var(--text-secondary);cursor:pointer;transition:background-color .2s var(--ease-smooth),border-color .2s var(--ease-smooth),color .2s var(--ease-smooth)}.odali-sidebar-toggle[data-always-visible=true]{background:color-mix(in srgb,var(--accent) 16%,var(--glass-overlay));color:var(--text-primary);border-color:color-mix(in srgb,var(--accent) 45%,var(--border));box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 10%,transparent)}.odali-sidebar-toggle:hover{background:color-mix(in srgb,var(--glass-overlay) 90%,transparent);border-color:color-mix(in srgb,var(--border) 80%,transparent);color:var(--text-primary)}.odali-sidebar-shell[data-collapsed=true] .odali-sidebar-toggle{width:48px;height:48px;padding:0;border-radius:var(--radius-full);display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 32%,var(--border));background:#ffffff0a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 18%,transparent),0 0 0 8px color-mix(in srgb,var(--accent) 14%,transparent)}.odali-sidebar-shell[data-collapsed=true] .odali-sidebar-toggle:hover{background:color-mix(in srgb,var(--accent) 24%,var(--glass-overlay));box-shadow:0 14px 28px color-mix(in srgb,var(--accent) 22%,transparent),0 0 0 10px color-mix(in srgb,var(--accent) 16%,transparent)}.odali-sidebar-section{display:flex;flex-direction:column;gap:var(--space-2)}.odali-nav-section-btn{width:100%;display:flex;align-items:center;justify-content:space-between;column-gap:var(--space-2);padding:var(--space-2);color:var(--text-soft);font-size:11px;letter-spacing:.12em;text-transform:uppercase;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);transition:background-color .2s var(--ease-smooth),border-color .2s var(--ease-smooth),color .2s var(--ease-smooth),transform .2s var(--ease-smooth)}.odali-nav-section-btn:hover{color:var(--text-primary);border-color:color-mix(in srgb,var(--border) 65%,transparent);background:color-mix(in srgb,var(--glass-overlay) 80%,transparent)}.odali-nav-section-btn[data-collapsed=true] .odali-nav-section-caret{transform:rotate(-90deg);opacity:.6}.odali-nav-section-caret{transition:transform .2s var(--ease-smooth),opacity .2s var(--ease-smooth)}.odali-nav-section-title{text-transform:uppercase;letter-spacing:.08em;font-size:10px;color:var(--text-secondary);opacity:.7}.odali-nav-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--nav-item-pad-y) var(--nav-item-pad-x);border-radius:var(--nav-item-radius);color:var(--text-secondary);border:1px solid color-mix(in srgb,var(--border) 78%,transparent);background:color-mix(in srgb,var(--glass-overlay) 76%,transparent);text-decoration:none;position:relative;min-height:48px;transition:background-color .2s var(--ease-smooth),color .2s var(--ease-smooth),border-color .2s var(--ease-smooth),transform .2s var(--ease-smooth),box-shadow .2s var(--ease-smooth)}.odali-nav-item:hover{background:color-mix(in srgb,var(--glass-overlay) 90%,transparent);color:var(--text-primary);border-color:color-mix(in srgb,var(--border) 82%,transparent);transform:translateY(-1px)}.odali-nav-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.odali-nav-item.odali-nav-disabled{opacity:.35;cursor:not-allowed;border-style:solid}.odali-nav-item.odali-nav-disabled:hover{background:color-mix(in srgb,var(--glass-overlay) 70%,transparent);color:var(--text-secondary);border-color:color-mix(in srgb,var(--border) 60%,transparent);transform:none}.odali-nav-active{background:color-mix(in srgb,var(--accent) 22%,var(--glass-overlay));color:var(--accent);border-color:color-mix(in srgb,var(--accent) 55%,var(--border));box-shadow:0 10px 26px color-mix(in srgb,var(--accent) 28%,transparent)}.odali-nav-disabled.odali-nav-active{background:color-mix(in srgb,var(--glass-overlay) 75%,transparent);color:var(--text-secondary);border-color:color-mix(in srgb,var(--border) 70%,transparent);box-shadow:none;transform:none}.odali-nav-collapsed{justify-content:center;padding:0;border-radius:var(--radius-full);text-align:center}.odali-nav-expanded{border-radius:var(--radius-pill)}.odali-nav-label{flex:1;color:var(--text-secondary);transition:color .2s var(--ease-smooth)}.odali-nav-item:hover .odali-nav-label,.odali-nav-item:hover .odali-icon{color:var(--text-primary)}.odali-nav-active .odali-icon{color:var(--accent)}.odali-nav-active .odali-nav-label{color:var(--text-primary);font-weight:600}.odali-nav-item[data-collapsed=true]{display:grid;place-items:center;width:48px;height:48px;min-height:48px;padding:0;border-radius:var(--radius-full);border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border));background:#ffffff0a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 12px 24px color-mix(in srgb,var(--accent) 12%,transparent);gap:0}.odali-nav-item[data-collapsed=true] .odali-icon-wrap{display:grid;place-items:center;margin:0;width:24px;height:24px;border-radius:var(--radius-full);background:transparent;box-shadow:none;border:none}.odali-nav-item[data-collapsed=true]:hover:not(.odali-nav-disabled){background:color-mix(in srgb,var(--accent) 18%,var(--glass-overlay));color:var(--text-primary);border-color:transparent;box-shadow:0 14px 28px color-mix(in srgb,var(--accent) 16%,transparent),0 0 0 8px color-mix(in srgb,var(--accent) 12%,transparent);transform:translateY(-1px)}.odali-nav-item.odali-nav-active[data-collapsed=true]{background:color-mix(in srgb,var(--accent) 26%,var(--glass-overlay));border-color:color-mix(in srgb,var(--accent) 45%,var(--border));color:var(--accent);box-shadow:0 16px 32px color-mix(in srgb,var(--accent) 22%,transparent),0 0 0 10px color-mix(in srgb,var(--accent) 18%,transparent)}.odali-nav-item.odali-nav-active[data-collapsed=true] .odali-icon-wrap{background:color-mix(in srgb,var(--accent) 18%,transparent);border:none}.odali-nav-item.odali-nav-disabled[data-collapsed=true]{background:color-mix(in srgb,var(--glass-overlay) 70%,transparent);border-color:color-mix(in srgb,var(--border) 55%,transparent);box-shadow:none;filter:grayscale(.5)}.odali-nav-item.odali-nav-disabled[data-collapsed=true] .odali-icon{opacity:.35}.odali-nav-item.odali-nav-disabled[data-collapsed=true]:hover{background:color-mix(in srgb,var(--glass-overlay) 70%,transparent);border-color:transparent;box-shadow:none}.odali-nav-tooltip{position:fixed;padding:6px 10px;border-radius:10px;background:color-mix(in srgb,var(--bg) 94%,var(--glass-overlay));border:1px solid color-mix(in srgb,var(--border) 82%,transparent);color:var(--text-primary);font-size:var(--font-sm);box-shadow:0 8px 20px color-mix(in srgb,#000 16%,transparent);z-index:500;pointer-events:none;white-space:nowrap}.odali-nav-item[data-collapsed=true] .odali-nav-label{display:none}.odali-nav-badge{display:inline-flex;align-items:center;margin-left:var(--space-1);padding:2px 6px;border-radius:var(--radius-pill);font-size:var(--font-xs);background:color-mix(in srgb,var(--accent) 18%,var(--glass-overlay));color:var(--text-primary);border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border))}.odali-sidebar-footer{padding:var(--space-4) var(--space-2) var(--space-2);border-top:1px solid color-mix(in srgb,var(--border) 80%,transparent);margin-top:auto;padding-top:var(--space-3);margin-bottom:var(--space-2)}.odali-user-menu{position:relative;width:100%;padding-top:var(--space-2)}.odali-user-trigger{width:100%;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--border) 75%,transparent);background:color-mix(in srgb,var(--glass-overlay) 70%,transparent);box-shadow:var(--elevation-1);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s var(--ease-smooth),border-color .2s var(--ease-smooth),color .2s var(--ease-smooth),transform .2s var(--ease-smooth);margin-top:var(--space-2);margin-bottom:var(--space-1)}.odali-user-trigger:hover,.odali-user-menu[data-open=true] .odali-user-trigger{background:color-mix(in srgb,var(--glass-overlay) 88%,transparent);border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.odali-user-avatar{width:var(--space-7);height:var(--space-7);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--text-primary);font-weight:700;text-transform:uppercase;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);overflow:hidden;flex-shrink:0;position:relative}.odali-user-avatar:after{content:"";position:absolute;right:4px;bottom:4px;width:10px;height:10px;border-radius:999px;background:var(--role-success);border:2px solid color-mix(in srgb,var(--sidebar-color) 70%,var(--bg))}.odali-sidebar-shell[data-collapsed=true] .odali-user-trigger{justify-content:center;padding:var(--space-2);text-align:center}.odali-sidebar-shell[data-collapsed=true] .odali-user-avatar{margin:0 auto}.odali-user-avatar-img{width:100%;height:100%;object-fit:cover}.odali-user-info{flex:1;min-width:0}.odali-user-name{font-weight:600;color:var(--text-primary)}.odali-user-email{opacity:.8}.odali-user-panel{position:fixed;left:0;top:0;transform:translate(-50%,8px);min-width:260px;width:max-content;max-width:min(360px,calc(100vw - 24px));border-radius:var(--radius-lg);padding:var(--space-3);border:1px solid color-mix(in srgb,var(--border) 82%,transparent);background:color-mix(in srgb,var(--bg) 94%,var(--glass-overlay));backdrop-filter:blur(var(--menu-blur));-webkit-backdrop-filter:blur(var(--menu-blur));box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:var(--space-1);color:var(--text-secondary);transition:opacity .18s var(--ease-smooth),transform .22s var(--ease-smooth);z-index:1000;overflow:hidden}.odali-user-panel[data-placement=above]{transform:translate(-50%,-8px)}.odali-user-panel-hover{transform:translateY(-6px);box-shadow:var(--shadow-soft)}.odali-user-panel-slide{transform:translateY(6px);box-shadow:var(--shadow-soft)}.odali-user-panel-compact{transform:scale(.99);box-shadow:var(--elevation-1)}.odali-user-panel-collapsed{min-width:220px;transform-origin:top right}.odali-user-link{width:100%;display:block;border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);color:var(--text-secondary);text-decoration:none;opacity:.9;transition:background-color .2s var(--ease-smooth),color .2s var(--ease-smooth),opacity .2s var(--ease-smooth)}.odali-user-link:hover{opacity:1;color:var(--text-primary);background:color-mix(in srgb,var(--glass-overlay) 85%,transparent)}.odali-user-signout{background:transparent;border:none;text-align:left;font:inherit;cursor:pointer}@media (max-width: 960px){.odali-sidebar-shell{position:relative;width:100%;height:auto;flex-direction:row;align-items:center;padding:var(--space-2) var(--space-3);box-shadow:none}.odali-sidebar-content{flex-direction:row;align-items:center;overflow-x:auto;overflow-y:hidden;gap:var(--space-2)}.odali-nav-shell{flex-direction:row;flex-wrap:nowrap;gap:var(--space-2)}.odali-nav-item{min-width:52px}.odali-sidebar-footer{border-top:none;margin:0;padding:0}}.odali-version-footer{font-size:12px;color:#6b7280;padding:8px 12px;text-align:right;border-top:1px solid #e5e7eb}