:root{--c-primary-soft: color-mix(in oklab, var(--c-primary) 15%, transparent);--c-success-soft: color-mix(in oklab, var(--c-success) 15%, transparent);--c-warning-soft: color-mix(in oklab, var(--c-warning) 15%, transparent);--c-error-soft: color-mix(in oklab, var(--c-error) 15%, transparent);--c-white: #fff;--c-bg: #fcfcfd;--c-surface: #fbfcff;--c-surface-2: #f4f7fc;--c-surface-3: #fbfcff;--c-header-deep: linear-gradient(90deg, #001d4a 0%, #0033a0 50%, #004693 100%);--c-sidebar-deep: linear-gradient(180deg, #001d4a 0%, #0033a0 50%, #004693 100%);--c-text: #0d111b;--c-text-2: color-mix(in oklab, var(--c-text) 80%, transparent);--c-text-3: color-mix(in oklab, var(--c-text) 50%, transparent);--c-line: color-mix(in oklab, var(--c-text) 12%, transparent);--c-line-strong: color-mix(in oklab, var(--c-text) 18%, transparent);--shadow-1: 0 2px 8px color-mix(in oklab, var(--c-text) 5%, transparent);--shadow-2: 0 10px 28px color-mix(in oklab, var(--c-text) 8%, transparent);--space-3xs: 2px;--space-2xs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 20px;--space-2lg: 28px;--space-3lg: 36px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 14px;--radius-pill: 999px;--text-2xs: 11px;--text-xs: 12px;--text-sm: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 20px;--text-2xl: 24px;--height-xs: 36px;--height-sm: 44px;--height-md: 52px;--height-lg: 60px;--scrollbar-thumb: color-mix(in oklab, var(--c-text) 25%, transparent);--scroll-thumb-a: color-mix(in oklab, var(--c-text) 20%, transparent);--scroll-thumb-b: color-mix(in oklab, var(--c-text) 30%, transparent)}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;margin:0;padding:0}html{scroll-behavior:smooth;color:var(--c-text)}body{font-family:Space Grotesk,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:var(--text-md);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:color-mix(in oklab,var(--c-primary) 86%,black);text-underline-offset:3px}a:hover{color:color-mix(in oklab,var(--c-primary) 92%,black)}:where(.n-popover):has(.ui-panel){padding:0!important}:where(.n-button):hover{transform:translateY(-1px)}.gap-2xs{gap:var(--space-2xs)}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-2lg{gap:var(--space-2lg)}.flex,.flex-c,.flex-s,.flex-e,.flex-between,.flex-b{display:flex}.flex-c{align-items:center}.flex-s{align-items:flex-start}.flex-e{align-items:flex-end}.flex-between,.flex-b{justify-content:space-between}.flex1{flex:1}.flex-column,.ui-main-wrapper,.ui-panel-wrapper{display:flex;flex-direction:column}.ui-main-wrapper{padding:var(--space-lg);gap:var(--space-lg)}.ui-panel,.ui-panel-wrapper{padding:var(--space-md);gap:var(--space-md);border:1px solid var(--c-line);border-radius:var(--radius-md);overflow:hidden;background-color:var(--c-surface)}.text-left-btn{justify-content:flex-start}.text-primary{color:var(--c-primary)}.text-error{color:var(--c-error)}.text-warning{color:var(--c-warning)}.text-success{color:var(--c-success)}.text-sub,.text-sub-xs,.text-sub-sm{color:var(--c-text-3)}.text-sub-xs{font-size:var(--text-xs)}.text-sub-sm{font-size:var(--text-sm)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent;border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--scroll-thumb-a) 0%,var(--scroll-thumb-b) 100%);border-radius:var(--radius-pill);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{--scroll-thumb-a: color-mix(in oklab, var(--c-text) 30%, transparent);--scroll-thumb-b: color-mix(in oklab, var(--c-text) 40%, transparent)}