.select{position:relative;display:inline-flex;flex-direction:column;width:100%}.select-trigger{display:flex;align-items:center;gap:var(--space-2);height:36px;padding:0 var(--space-3);font-size:var(--text-sm);color:var(--color-text);background-color:var(--color-surface);border:.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.select-trigger:hover{border-color:var(--color-border-hover)}.select-trigger:focus-within{border-color:var(--color-neutral-400);outline:none;box-shadow:var(--shadow-focus)}.select-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-arrow,.select-placeholder{color:var(--color-text-tertiary)}.select-arrow{width:16px;height:16px;flex-shrink:0;transition:transform var(--duration-fast) var(--ease-default)}.select.open .select-arrow{transform:rotate(180deg)}.select-dropdown{position:absolute;top:calc(100% + var(--space-1));left:0;right:0;max-height:240px;overflow-y:auto;padding:var(--space-1);background-color:var(--color-surface);border:.5px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default)}.select.open .select-dropdown{opacity:1;transform:translateY(0);pointer-events:auto}.select-search{display:block;width:100%;padding:var(--space-1-5) var(--space-2-5);margin-bottom:var(--space-1);font-size:var(--text-sm);color:var(--color-text);background:none;border:none;border-bottom:.5px solid var(--color-border);outline:none}.select-search::placeholder{color:var(--color-text-tertiary)}.select-option{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-1-5) var(--space-2-5);font-size:var(--text-sm);color:var(--color-text);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default);border:none;background:none;text-align:left}.select-option:hover{background-color:var(--color-neutral-50)}.select-option.selected{font-weight:var(--weight-medium)}.select-option.focused{background-color:var(--color-neutral-50)}.select-option-check{width:14px;height:14px;margin-left:auto;opacity:0}.select-option.selected .select-option-check{opacity:1}.select-empty{padding:var(--space-3) var(--space-2-5);font-size:var(--text-sm);color:var(--color-text-tertiary);text-align:center}.select-tags{display:flex;flex-wrap:wrap;gap:var(--space-1);flex:1;min-height:20px}.select-tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);font-size:var(--text-xs);background-color:var(--color-neutral-100);border-radius:var(--radius-sm);color:var(--color-text)}.select-tag-remove{display:inline-flex;width:14px;height:14px;cursor:pointer;opacity:.5;transition:opacity var(--duration-fast) var(--ease-default)}.select-tag-remove:hover{opacity:1}.select-sm .select-trigger{height:28px;font-size:var(--text-xs);border-radius:var(--radius-sm)}.select-lg .select-trigger{height:44px;font-size:var(--text-base)}.select-error .select-trigger{border-color:var(--color-error)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .select-trigger{background-color:var(--color-surface);border-color:var(--color-border)}:root:not([data-theme=light]) .select-trigger:focus-within{box-shadow:var(--shadow-focus)}:root:not([data-theme=light]) .select-dropdown{background-color:var(--color-surface-raised);border-color:var(--color-border)}:root:not([data-theme=light]) .select-option.focused,:root:not([data-theme=light]) .select-option:hover{background-color:hsla(0,0%,100%,.05)}:root:not([data-theme=light]) .select-tag{background-color:hsla(0,0%,100%,.08)}}[data-theme=dark] .select-trigger{background-color:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .select-trigger:focus-within{box-shadow:var(--shadow-focus)}[data-theme=dark] .select-dropdown{background-color:var(--color-surface-raised);border-color:var(--color-border)}[data-theme=dark] .select-option.focused,[data-theme=dark] .select-option:hover{background-color:hsla(0,0%,100%,.05)}[data-theme=dark] .select-tag{background-color:hsla(0,0%,100%,.08)}.sidebar{display:flex;flex-direction:column;width:260px;height:calc(100vh - 24px);padding:var(--space-4) 0 0;margin:12px;position:sticky;top:12px;background-color:var(--color-surface);border:.5px solid var(--color-border);border-radius:16px;overflow-y:auto;flex-shrink:0;transition:width var(--duration-normal) var(--ease-default)}.sidebar-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4) var(--space-4)}.sidebar-header img{width:28px;height:28px}.sidebar-header span{font-size:var(--text-md);font-weight:var(--weight-medium);color:var(--color-text);letter-spacing:var(--tracking-tight)}.sidebar-section{padding:var(--space-2) 0}.sidebar-section+.sidebar-section{border-top:.5px solid var(--color-border)}.sidebar-label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.sidebar-item,.sidebar-label{padding:var(--space-1-5) var(--space-4)}.sidebar-item{display:flex;align-items:center;gap:var(--space-2-5);margin:1px var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:color var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default);text-decoration:none}.sidebar-item:hover{color:var(--color-text);background-color:var(--color-neutral-50)}.sidebar-item.active{color:var(--color-text);background-color:var(--color-neutral-100)}.sidebar-item .sidebar-icon{width:16px;height:16px;flex-shrink:0;opacity:.6;transition:opacity var(--duration-fast) var(--ease-default)}.sidebar-item .sidebar-icon svg{width:16px;height:16px;stroke-width:1.5px}.sidebar-item.active .sidebar-icon{opacity:1}.sidebar-item .sidebar-badge{margin-left:auto;font-size:var(--text-xs);color:var(--color-text-tertiary)}.sidebar-jf-section{padding:0 var(--space-2) var(--space-1)}.sidebar-footer{margin-top:auto;padding:var(--space-3) 0;border-top:.5px solid var(--color-border)}.sidebar-footer .sidebar-item{margin:1px var(--space-2)}.sidebar.sidebar-collapsed{width:56px}.sidebar.sidebar-collapsed .sidebar-badge,.sidebar.sidebar-collapsed .sidebar-header span,.sidebar.sidebar-collapsed .sidebar-label{display:none}.sidebar.sidebar-collapsed .sidebar-header{justify-content:center;padding:var(--space-2) var(--space-1) var(--space-4)}.sidebar.sidebar-collapsed .sidebar-header img{display:none}.sidebar.sidebar-collapsed .sidebar-header .ml-auto{margin-left:0}.sidebar.sidebar-collapsed .sidebar-collapse-btn{width:36px;height:36px;border-radius:var(--radius-md)}.sidebar.sidebar-collapsed .sidebar-item{justify-content:center;gap:0;padding:var(--space-2);margin:1px var(--space-1)}.sidebar.sidebar-collapsed .sidebar-item .sidebar-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center}.sidebar.sidebar-collapsed .sidebar-item .sidebar-icon svg{width:18px;height:18px}.sidebar.sidebar-collapsed .sidebar-item span:not(.sidebar-icon){display:none}.sidebar-collapse-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer}.sidebar-collapse-btn:hover{color:var(--color-text-secondary);background-color:var(--color-neutral-100)}:root:not([data-theme=light]) .sidebar-collapse-btn:hover,[data-theme=dark] .sidebar-collapse-btn:hover{background-color:hsla(0,0%,100%,.07)}.app-layout{display:flex;min-height:100vh}.app-main{flex:1;min-width:0;background-color:var(--color-bg)}.sidebar-toggle{display:none;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default)}.sidebar-toggle:hover{background-color:var(--color-neutral-100);color:var(--color-text)}.sidebar-toggle svg{width:20px;height:20px}.sidebar-overlay{display:none;position:fixed;inset:0;background-color:rgba(0,0,0,.4);z-index:var(--z-overlay)}@media (max-width:767px){.sidebar-toggle{display:flex}.sidebar{position:fixed;top:0;left:0;bottom:0;margin:0;border-radius:0;min-height:100vh;z-index:calc(var(--z-overlay) + 1);transform:translateX(-100%);transition:transform var(--duration-slow) var(--ease-default);box-shadow:none}.sidebar.sidebar-mobile-open{transform:translateX(0);box-shadow:var(--shadow-xl)}.sidebar.sidebar-mobile-open~.sidebar-overlay{display:block}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .sidebar{background-color:var(--color-surface);border-right-color:var(--color-border)}:root:not([data-theme=light]) .sidebar-item:hover{background-color:hsla(0,0%,100%,.05)}:root:not([data-theme=light]) .sidebar-item.active{background-color:hsla(0,0%,100%,.08)}:root:not([data-theme=light]) .sidebar-overlay{background-color:rgba(0,0,0,.6)}:root:not([data-theme=light]) .sidebar-toggle:hover{background-color:var(--color-surface-raised)}}[data-theme=dark] .sidebar{background-color:var(--color-surface);border-right-color:var(--color-border)}[data-theme=dark] .sidebar-item:hover{background-color:hsla(0,0%,100%,.05)}[data-theme=dark] .sidebar-item.active{background-color:hsla(0,0%,100%,.08)}[data-theme=dark] .sidebar-overlay{background-color:rgba(0,0,0,.6)}[data-theme=dark] .sidebar-toggle:hover{background-color:var(--color-surface-raised)}.skeleton{display:block;background-color:var(--color-neutral-100);border-radius:var(--radius-md);animation:skeleton-shimmer 1.5s ease-in-out infinite}@keyframes skeleton-shimmer{0%,to{opacity:1}50%{opacity:.4}}.skeleton-text{height:14px;width:100%;border-radius:var(--radius-sm)}.skeleton-heading{height:20px;width:60%;border-radius:var(--radius-sm)}.skeleton-avatar{width:32px;height:32px;border-radius:var(--radius-full)}.skeleton-avatar-lg{width:40px;height:40px;border-radius:var(--radius-full)}.skeleton-button{height:36px;width:100px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .skeleton{background-color:var(--color-surface-raised)}}[data-theme=dark] .skeleton{background-color:var(--color-surface-raised)}.spinner{display:inline-flex;width:20px;height:20px;border:2px solid var(--color-neutral-200);border-top-color:var(--color-neutral-700);border-radius:var(--radius-full);animation:spinner-rotate .6s linear infinite}.spinner-xs{width:14px;height:14px;border-width:1.5px}.spinner-sm{width:16px;height:16px;border-width:2px}.spinner-lg{width:28px;height:28px;border-width:3px}.spinner-xl{width:40px;height:40px;border-width:3px}.spinner-overlay{display:flex;align-items:center;justify-content:center;padding:var(--space-8)}@keyframes spinner-rotate{to{transform:rotate(1turn)}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .spinner{border-color:hsla(0,0%,100%,.1);border-top-color:var(--color-neutral-300)}}[data-theme=dark] .spinner{border-color:hsla(0,0%,100%,.1);border-top-color:var(--color-neutral-300)}.stat{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-5);background-color:var(--color-surface);border:.5px solid var(--color-border);border-radius:var(--radius-lg)}.stat-label{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.stat-label,.stat-value{font-weight:var(--weight-medium)}.stat-value{font-size:var(--text-3xl);color:var(--color-text);letter-spacing:var(--tracking-tighter);line-height:var(--leading-none)}.stat-row{display:flex;align-items:baseline;gap:var(--space-2)}.stat-trend{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-medium)}.stat-trend-up{color:var(--color-success)}.stat-trend-down{color:var(--color-error)}.stat-trend-neutral{color:var(--color-text-tertiary)}.stat-trend svg{width:14px;height:14px}.stat-description{font-size:var(--text-xs);color:var(--color-text-tertiary)}.stat-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4)}@media (max-width:639px){.stat-group{grid-template-columns:repeat(2,1fr)}.stat{padding:var(--space-4)}.stat-value{font-size:var(--text-2xl)}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .stat{background-color:var(--color-surface);border-color:var(--color-border)}}[data-theme=dark] .stat{background-color:var(--color-surface);border-color:var(--color-border)}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table th{text-align:left;font-weight:var(--weight-medium);color:var(--color-text-secondary);font-size:var(--text-xs)}.table td,.table th{padding:var(--space-2-5) var(--space-3);border-bottom:.5px solid var(--color-border)}.table td{color:var(--color-text)}.table tr:last-child td{border-bottom:none}.table-striped tbody tr:nth-child(2n) td{background-color:var(--color-neutral-25)}.table-hover tbody tr:hover td{background-color:var(--color-neutral-50)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .table-striped tbody tr:nth-child(2n) td{background-color:var(--white-alpha-2)}:root:not([data-theme=light]) .table-hover tbody tr:hover td{background-color:var(--white-alpha-4)}}[data-theme=dark] .table-striped tbody tr:nth-child(2n) td{background-color:var(--white-alpha-2)}[data-theme=dark] .table-hover tbody tr:hover td{background-color:var(--white-alpha-4)}.tabs{display:flex;gap:var(--space-1);border-bottom:.5px solid var(--color-border)}.tab{display:inline-flex;align-items:center;gap:var(--space-1-5);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;transition:color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default)}.tab.active,.tab:hover{color:var(--color-text)}.tab.active{border-bottom-color:var(--color-neutral-900)}.tab-panel{display:none;padding:var(--space-4) 0}.tab-panel.active{display:block}.tabs-pill{border-bottom:none;gap:var(--space-1)}.tabs-pill .tab{border-bottom:none;border-radius:var(--radius-md);margin-bottom:0}.tabs-pill .tab:hover{background-color:var(--color-neutral-50)}.tabs-pill .tab.active{background-color:var(--color-neutral-100);color:var(--color-text)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .tab.active{border-bottom-color:var(--color-neutral-100)}:root:not([data-theme=light]) .tabs-pill .tab:hover{background-color:hsla(0,0%,100%,.05)}:root:not([data-theme=light]) .tabs-pill .tab.active{background-color:hsla(0,0%,100%,.08)}}[data-theme=dark] .tab.active{border-bottom-color:var(--color-neutral-100)}[data-theme=dark] .tabs-pill .tab:hover{background-color:hsla(0,0%,100%,.05)}[data-theme=dark] .tabs-pill .tab.active{background-color:hsla(0,0%,100%,.08)}.tag{display:inline-flex;align-items:center;gap:var(--space-1);height:24px;padding:0 var(--space-2-5);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text);background-color:var(--color-neutral-100);border-radius:var(--radius-full);white-space:nowrap}.tag-accent{background-color:var(--color-accent-100);color:var(--color-accent-800)}.tag-success{background-color:var(--color-success-light);color:var(--color-success-dark)}.tag-warning{background-color:var(--color-warning-light);color:var(--color-warning-dark)}.tag-error{background-color:var(--color-error-light);color:var(--color-error-dark)}.tag-outline{background-color:transparent;border:.5px solid var(--color-border);color:var(--color-text-secondary)}.tag-sm{height:20px;padding:0 var(--space-2);font-size:10px}.tag-lg{height:28px;padding:0 var(--space-3);font-size:var(--text-sm)}.tag-remove{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;margin-left:var(--space-0-5);margin-right:calc(-1 * var(--space-1));border:none;background:none;color:currentColor;opacity:.5;cursor:pointer;border-radius:var(--radius-full);transition:opacity var(--duration-fast) var(--ease-default)}.tag-remove:hover{opacity:1}.tag-remove svg{width:10px;height:10px}.tag-group{display:flex;flex-wrap:wrap;gap:var(--space-1-5)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .tag{background-color:hsla(0,0%,100%,.08)}:root:not([data-theme=light]) .tag-accent{background-color:rgba(0,254,127,.1);color:var(--color-accent-400)}:root:not([data-theme=light]) .tag-success{background-color:rgba(93,170,125,.12);color:var(--color-success)}:root:not([data-theme=light]) .tag-warning{background-color:rgba(205,160,90,.12);color:var(--color-warning)}:root:not([data-theme=light]) .tag-error{background-color:hsla(0,51%,63%,.12);color:var(--color-error)}:root:not([data-theme=light]) .tag-outline{border-color:var(--color-border)}}[data-theme=dark] .tag{background-color:hsla(0,0%,100%,.08)}[data-theme=dark] .tag-accent{background-color:rgba(0,254,127,.1);color:var(--color-accent-400)}[data-theme=dark] .tag-success{background-color:rgba(93,170,125,.12);color:var(--color-success)}[data-theme=dark] .tag-warning{background-color:rgba(205,160,90,.12);color:var(--color-warning)}[data-theme=dark] .tag-error{background-color:hsla(0,51%,63%,.12);color:var(--color-error)}[data-theme=dark] .tag-outline{border-color:var(--color-border)}.timeline{display:flex;flex-direction:column;position:relative;padding-left:var(--space-6)}.timeline:before{content:"";position:absolute;left:11px;top:4px;bottom:4px;width:2px;background-color:var(--color-border)}.timeline-item{position:relative;padding-bottom:var(--space-5)}.timeline-item:last-child{padding-bottom:0}.timeline-dot{position:absolute;left:calc(-1 * var(--space-6) + 6px);top:4px;width:12px;height:12px;border-radius:var(--radius-full);background-color:var(--color-neutral-300);border:2px solid var(--color-surface);z-index:1}.timeline-dot-accent{background-color:var(--color-accent-400)}.timeline-dot-success{background-color:var(--color-success)}.timeline-dot-warning{background-color:var(--color-warning)}.timeline-dot-error{background-color:var(--color-error)}.timeline-dot-icon{width:24px;height:24px;left:calc(-1 * var(--space-6));top:0;display:flex;align-items:center;justify-content:center;background-color:var(--color-neutral-100)}.timeline-dot-icon svg{width:12px;height:12px;color:var(--color-text-secondary)}.timeline-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.timeline-title{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text)}.timeline-time{font-size:var(--text-xs);color:var(--color-text-tertiary)}.timeline-body{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .timeline:before{background-color:var(--color-border)}:root:not([data-theme=light]) .timeline-dot{border-color:var(--color-surface);background-color:var(--color-neutral-600)}:root:not([data-theme=light]) .timeline-dot-icon{background-color:hsla(0,0%,100%,.08)}}[data-theme=dark] .timeline:before{background-color:var(--color-border)}[data-theme=dark] .timeline-dot{border-color:var(--color-surface);background-color:var(--color-neutral-600)}[data-theme=dark] .timeline-dot-icon{background-color:hsla(0,0%,100%,.08)}.toast-container{position:fixed;bottom:var(--space-5);right:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);z-index:var(--z-toast);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2-5) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);font-family:var(--font-sans);box-shadow:var(--shadow-lg);pointer-events:auto;opacity:0;transform:translateY(8px);transition:opacity var(--duration-normal) var(--ease-default),transform var(--duration-normal) var(--ease-default)}.toast-message{flex:1}.toast-enter{opacity:1;transform:translateY(0)}.toast-exit{opacity:0;transform:translateY(8px)}.toast-default{background-color:var(--color-neutral-900);color:var(--color-white)}.toast-success{background-color:var(--color-success-light);color:var(--color-success-dark);border:.5px solid var(--color-success)}.toast-error{background-color:var(--color-error-light);color:var(--color-error-dark);border:.5px solid var(--color-error)}.toast-warning{background-color:var(--color-warning-light);color:var(--color-warning-dark);border:.5px solid var(--color-warning)}.toast-action{background:none;border:none;color:inherit;font-weight:var(--weight-medium);font-size:inherit;font-family:inherit;text-decoration:underline;cursor:pointer;padding:0}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .toast-default{background-color:var(--color-neutral-100);color:var(--color-neutral-900);border:.5px solid var(--color-border)}:root:not([data-theme=light]) .toast-success{background-color:#0f2a1c;border-color:#1d4a37;color:var(--color-success)}:root:not([data-theme=light]) .toast-error{background-color:#2a1212;border-color:#4a2424;color:var(--color-error)}:root:not([data-theme=light]) .toast-warning{background-color:#2a200d;border-color:#4a3b1d;color:var(--color-warning)}}[data-theme=dark] .toast-default{background-color:var(--color-neutral-100);color:var(--color-neutral-900);border:.5px solid var(--color-border)}[data-theme=dark] .toast-success{background-color:#0f2a1c;border-color:#1d4a37;color:var(--color-success)}[data-theme=dark] .toast-error{background-color:#2a1212;border-color:#4a2424;color:var(--color-error)}[data-theme=dark] .toast-warning{background-color:#2a200d;border-color:#4a3b1d;color:var(--color-warning)}.toggle{position:relative;display:inline-flex;align-items:center;cursor:pointer;user-select:none}.toggle input{position:absolute;opacity:0;width:0;height:0}.toggle span{position:relative;width:var(--toggle-width);height:var(--toggle-height);background-color:var(--color-neutral-200);transition:background-color var(--duration-fast) var(--ease-default)}.toggle span,.toggle span:after{border-radius:var(--radius-full)}.toggle span:after{content:"";position:absolute;top:2px;left:2px;width:var(--toggle-knob);height:var(--toggle-knob);background-color:var(--color-white);box-shadow:var(--shadow-xs);transition:transform var(--duration-fast) var(--ease-default)}.toggle input:checked+span{background-color:var(--color-neutral-900)}.toggle input:checked+span:after{transform:translateX(var(--toggle-knob))}.toggle input:disabled+span{opacity:.35;cursor:not-allowed}.toggle:has(input:disabled){cursor:not-allowed}.toggle-sm span{width:var(--toggle-sm-width);height:var(--toggle-sm-height)}.toggle-sm span:after{width:var(--toggle-sm-knob);height:var(--toggle-sm-knob)}.toggle-sm input:checked+span:after{transform:translateX(var(--toggle-sm-knob))}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .toggle span{background-color:var(--color-neutral-700)}:root:not([data-theme=light]) .toggle input:checked+span{background-color:var(--color-neutral-100)}:root:not([data-theme=light]) .toggle input:checked+span:after,:root:not([data-theme=light]) .toggle span:after{background-color:var(--color-neutral-950)}}[data-theme=dark] .toggle span{background-color:var(--color-neutral-700)}[data-theme=dark] .toggle input:checked+span{background-color:var(--color-neutral-100)}[data-theme=dark] .toggle input:checked+span:after,[data-theme=dark] .toggle span:after{background-color:var(--color-neutral-950)}[data-tooltip]{position:relative}[data-tooltip]:before{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:var(--leading-normal);white-space:nowrap;color:var(--color-white);background-color:var(--color-neutral-900);border-radius:var(--radius-sm);pointer-events:none;opacity:0;transition:opacity var(--duration-fast) var(--ease-default);z-index:var(--z-tooltip)}[data-tooltip]:hover:before{opacity:1}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) [data-tooltip]:before{background-color:var(--color-neutral-100);color:var(--color-neutral-950)}}[data-theme=dark] [data-tooltip]:before{background-color:var(--color-neutral-100);color:var(--color-neutral-950)}