@font-face{font-family:Inter var;font-weight:100 900;font-style:normal;font-display:swap;src:url(https://rsms.me/inter/font-files/InterVariable.woff2?v=4.0) format("woff2")}:root{--canvas: #FBFBFC;--surface: #FFFFFF;--surface-alt: #F6F6F8;--surface-sunken: #F1F1F4;--border: #E7E7EC;--border-strong: #D6D6DE;--text: #14141A;--text-sub: #5C5F6B;--text-muted: #8A8D99;--nav-surface: #FFFFFF;--nav-active: #EEF0FF;--overlay: rgba(20, 20, 26, .42);--accent: #4F46E5;--accent-hover: #4338CA;--accent-contrast: #FFFFFF;--accent-soft: #EEF0FF;--accent-ring: rgba(79, 70, 229, .32);--success: #0F9D6E;--success-soft: #E7F7F1;--warning: #D9880B;--warning-soft: #FDF3E3;--danger: #DC3A44;--danger-soft: #FDECEE;--info: #2563EB;--info-soft: #EAF1FE;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-2xl: 16px;--shadow-xs: 0 1px 2px rgba(16, 17, 26, .05);--shadow-sm: 0 1px 3px rgba(16, 17, 26, .06), 0 1px 2px rgba(16, 17, 26, .04);--shadow-md: 0 4px 12px rgba(16, 17, 26, .08), 0 1px 3px rgba(16, 17, 26, .04);--shadow-lg: 0 12px 32px rgba(16, 17, 26, .12), 0 2px 8px rgba(16, 17, 26, .06);--shadow-xl: 0 24px 64px rgba(16, 17, 26, .18), 0 4px 12px rgba(16, 17, 26, .08);--shadow-popover: 0 8px 28px rgba(16, 17, 26, .14), 0 2px 6px rgba(16, 17, 26, .06);--font-sans: "Inter var", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--motion-fast: .11s cubic-bezier(.2, 0, .2, 1);--motion-base: .16s cubic-bezier(.2, 0, .2, 1);--motion-slow: .26s cubic-bezier(.2, 0, .2, 1);--topbar-h: 56px;--sidebar-w: 232px;--sidebar-w-collapsed: 60px}:root[data-theme=dark]{--canvas: #0C0C10;--surface: #141418;--surface-alt: #1B1B21;--surface-sunken: #212128;--border: #26262E;--border-strong: #33333D;--text: #F4F4F6;--text-sub: #A0A2AD;--text-muted: #71737E;--nav-surface: #0F0F13;--nav-active: #1E1E3A;--overlay: rgba(0, 0, 0, .62);--accent: #7B79F0;--accent-hover: #918FF5;--accent-contrast: #0C0C10;--accent-soft: #1E1E3A;--accent-ring: rgba(123, 121, 240, .4);--success: #34D399;--success-soft: #10241E;--warning: #FBBF24;--warning-soft: #2A2113;--danger: #F87171;--danger-soft: #2C1618;--info: #60A5FA;--info-soft: #131E33;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .5), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .55), 0 1px 3px rgba(0, 0, 0, .35);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .6), 0 2px 8px rgba(0, 0, 0, .4);--shadow-xl: 0 24px 64px rgba(0, 0, 0, .7), 0 4px 12px rgba(0, 0, 0, .45);--shadow-popover: 0 8px 28px rgba(0, 0, 0, .6), 0 2px 6px rgba(0, 0, 0, .4)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scrollbar-color:var(--border-strong) transparent}body{margin:0;background:var(--canvas);color:var(--text);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02" 1,"cv03" 1,"cv04" 1,"cv11" 1,"ss03" 1;font-variant-numeric:tabular-nums;overflow-x:hidden;transition:background-color var(--motion-base),color var(--motion-base)}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;letter-spacing:-.014em;color:var(--text)}code,pre,kbd{font-family:var(--font-mono)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}::selection{background:var(--accent-soft);color:var(--text)}input,textarea,select,button{font-family:inherit;font-size:inherit;color:inherit}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:1}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible,[tabindex]:focus-visible,[role=button]:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}input[type=checkbox],input[type=radio]{accent-color:var(--accent);cursor:pointer}:root[data-theme=dark] input[type=date]::-webkit-calendar-picker-indicator,:root[data-theme=dark] input[type=time]::-webkit-calendar-picker-indicator,:root[data-theme=dark] input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(1) opacity(.6)}button:not(:disabled){cursor:pointer}button:disabled{cursor:not-allowed}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border:3px solid transparent;background-clip:content-box;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted);background-clip:content-box}::-webkit-scrollbar-corner{background:transparent}table{border-collapse:separate;border-spacing:0}th{text-align:left;font-weight:600}tbody tr{transition:background-color var(--motion-fast)}img,svg,video{max-width:100%}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@keyframes sf-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sf-scale-in{0%{opacity:0;transform:translateY(6px) scale(.985)}to{opacity:1;transform:none}}@keyframes sf-slide-right{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}@keyframes sf-shimmer{0%{background-position:-180% 0}to{background-position:180% 0}}@keyframes sf-spin{to{transform:rotate(360deg)}}@keyframes sf-pulse{0%,to{opacity:1}50%{opacity:.45}}.sf-fade-in{animation:sf-fade-in var(--motion-base) both}.sf-scale-in{animation:sf-scale-in var(--motion-base) both}.sf-slide-in{animation:sf-slide-right var(--motion-slow) both}.sf-app{display:flex;min-height:100vh;background:var(--canvas)}.sf-main,.sf-main-col{flex:1;min-width:0;height:100vh;display:flex;flex-direction:column;overflow:hidden}.sf-content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain}.sf-page{flex:1;min-width:0;padding:20px 24px 48px}.sf-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}.sf-page-title{font-size:20px;line-height:28px;font-weight:600;letter-spacing:-.02em}.sf-page-subtitle{font-size:13px;color:var(--text-sub);margin-top:2px}.sf-sidebar{width:var(--sidebar-w);flex-shrink:0;height:100vh;position:sticky;top:0;z-index:200;display:flex;flex-direction:column;background:var(--nav-surface);border-right:1px solid var(--border);transition:width var(--motion-slow);overflow:hidden}.sf-sidebar[data-collapsed=true]{width:var(--sidebar-w-collapsed)}.sf-sidebar-brand{display:flex;align-items:center;gap:10px;height:var(--topbar-h);padding:0 14px;flex-shrink:0;border-bottom:1px solid var(--border)}.sf-logo-light{display:block}.sf-logo-dark{display:none}:root[data-theme=dark] .sf-logo-light{display:none}:root[data-theme=dark] .sf-logo-dark{display:block}.sf-brand-mark{width:28px;height:28px;flex-shrink:0;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--accent) 0%,#7C3AED 100%);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:700;box-shadow:var(--shadow-sm)}.sf-brand-name{font-size:14.5px;font-weight:650;letter-spacing:-.02em;white-space:nowrap;overflow:hidden}.sf-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:10px 8px 4px}.sf-nav-group+.sf-nav-group{margin-top:12px}.sf-nav-label{padding:4px 8px;font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap}.sf-nav-item{position:relative;width:100%;display:flex;align-items:center;gap:10px;padding:7px 9px;margin-bottom:1px;border:0;border-radius:var(--radius-md);background:transparent;color:var(--text-sub);font-size:13.5px;font-weight:500;text-align:left;white-space:nowrap;transition:background-color var(--motion-fast),color var(--motion-fast)}.sf-nav-item:hover{background:var(--surface-alt);color:var(--text)}.sf-nav-item[aria-current=page]{background:var(--accent-soft);color:var(--accent);font-weight:600}.sf-nav-item[aria-current=page]:before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:3px;height:18px;border-radius:0 3px 3px 0;background:var(--accent)}.sf-nav-icon{flex-shrink:0;display:grid;place-items:center;width:18px}.sf-nav-text{flex:1;overflow:hidden;text-overflow:ellipsis}.sf-nav-badge{flex-shrink:0;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:var(--accent);color:#fff;font-size:10.5px;font-weight:700;line-height:18px;text-align:center}.sf-nav-badge[data-tone=danger]{background:var(--danger)}.sf-sidebar[data-collapsed=true] .sf-nav-item{justify-content:center;padding:8px 0}.sf-sidebar[data-collapsed=true] .sf-nav-text,.sf-sidebar[data-collapsed=true] .sf-nav-label,.sf-sidebar[data-collapsed=true] .sf-brand-name,.sf-sidebar[data-collapsed=true] .sf-nav-badge{display:none}.sf-sidebar-footer{flex-shrink:0;border-top:1px solid var(--border);padding:8px}.sf-topbar{position:sticky;top:0;z-index:150;height:var(--topbar-h);flex-shrink:0;display:flex;align-items:center;gap:10px;padding:0 16px 0 20px;background:color-mix(in srgb,var(--surface) 82%,transparent);backdrop-filter:saturate(160%) blur(12px);-webkit-backdrop-filter:saturate(160%) blur(12px);border-bottom:1px solid var(--border)}@supports not (backdrop-filter: blur(1px)){.sf-topbar{background:var(--surface)}}.sf-search{display:flex;align-items:center;gap:8px;height:32px;min-width:200px;max-width:360px;flex:1;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-alt);color:var(--text-muted);font-size:13px;transition:border-color var(--motion-fast),background-color var(--motion-fast)}.sf-search:hover{border-color:var(--border-strong);background:var(--surface)}.sf-kbd{margin-left:auto;padding:1px 5px;border:1px solid var(--border-strong);border-radius:var(--radius-xs);background:var(--surface);color:var(--text-muted);font-family:var(--font-mono);font-size:10.5px;line-height:15px}.sf-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 12px;border:1px solid transparent;border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-size:13px;font-weight:550;white-space:nowrap;transition:background-color var(--motion-fast),border-color var(--motion-fast),color var(--motion-fast),box-shadow var(--motion-fast),transform var(--motion-fast)}.sf-btn:active:not(:disabled){transform:translateY(.5px)}.sf-btn:disabled{opacity:.5}.sf-btn--primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-xs)}.sf-btn--primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-sm)}.sf-btn--secondary{border-color:var(--border-strong);background:var(--surface);color:var(--text)}.sf-btn--secondary:hover:not(:disabled){background:var(--surface-alt)}.sf-btn--ghost{background:transparent;color:var(--text-sub)}.sf-btn--ghost:hover:not(:disabled){background:var(--surface-alt);color:var(--text)}.sf-btn--danger{background:var(--danger);color:#fff}.sf-btn--danger:hover:not(:disabled){filter:brightness(.94)}.sf-btn--sm{height:27px;padding:0 9px;font-size:12.5px}.sf-btn--icon{width:32px;padding:0}.sf-btn--icon.sf-btn--sm{width:27px}.sf-input,.sf-textarea,.sf-select{width:100%;min-height:32px;padding:6px 10px;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-size:13.5px;transition:border-color var(--motion-fast),box-shadow var(--motion-fast)}.sf-input:hover,.sf-textarea:hover,.sf-select:hover{border-color:var(--text-muted)}.sf-input:focus,.sf-textarea:focus,.sf-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.sf-textarea{min-height:76px;resize:vertical;line-height:1.55}.sf-label{display:block;margin-bottom:5px;font-size:11.5px;font-weight:600;letter-spacing:.02em;color:var(--text-sub)}.sf-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs)}.sf-card--pad{padding:16px}.sf-card--hover{transition:box-shadow var(--motion-base),border-color var(--motion-base),transform var(--motion-base)}.sf-card--hover:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-1px)}.sf-divider{height:1px;background:var(--border);border:0;margin:0}.sf-pill{display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 8px;border-radius:99px;background:var(--surface-sunken);color:var(--text-sub);font-size:11.5px;font-weight:600;white-space:nowrap}.sf-pill-dot{width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}[data-tone]{--tone: var(--text-sub)}[data-tone=accent]{--tone: var(--accent)}[data-tone=info]{--tone: var(--info)}[data-tone=success]{--tone: var(--success)}[data-tone=warning]{--tone: var(--warning)}[data-tone=danger]{--tone: var(--danger)}[data-tone=purple]{--tone: #8B5CF6}[data-tone=teal]{--tone: #0891B2}[data-tone=pink]{--tone: #DB2777}[data-tone=lime]{--tone: #65A30D}:root[data-theme=dark] [data-tone=purple]{--tone: #A78BFA}:root[data-theme=dark] [data-tone=teal]{--tone: #22D3EE}:root[data-theme=dark] [data-tone=pink]{--tone: #F472B6}:root[data-theme=dark] [data-tone=lime]{--tone: #A3E635}.sf-pill[data-tone]{color:var(--tone);background:color-mix(in srgb,var(--tone) 12%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tone) 20%,transparent)}.sf-pill[data-tone=neutral]{color:var(--text-sub);background:var(--surface-sunken);box-shadow:inset 0 0 0 1px var(--border)}@supports not (background: color-mix(in srgb,red 10%,transparent)){.sf-pill[data-tone]{background:var(--surface-sunken)}}.sf-dot{width:8px;height:8px;border-radius:50%;background:var(--tone);flex-shrink:0}.sf-avatar{display:grid;place-items:center;flex-shrink:0;border-radius:50%;color:#fff;font-weight:650;letter-spacing:-.01em;-webkit-user-select:none;user-select:none;box-shadow:inset 0 0 0 1px #ffffff24}.sf-avatar-stack{display:flex}.sf-avatar-stack>*+*{margin-left:-7px}.sf-avatar-stack .sf-avatar{box-shadow:0 0 0 2px var(--surface)}.sf-presence{position:absolute;right:-1px;bottom:-1px;width:9px;height:9px;border-radius:50%;border:2px solid var(--surface);background:var(--text-muted)}.sf-presence[data-state=online]{background:var(--success)}.sf-presence[data-state=away]{background:var(--warning)}.sf-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:var(--overlay);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:sf-fade-in var(--motion-fast) both}.sf-modal{width:100%;max-height:calc(100vh - 48px);display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);animation:sf-scale-in var(--motion-base) both;overflow:hidden}.sf-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border);flex-shrink:0}.sf-modal-title{font-size:15.5px;font-weight:600;letter-spacing:-.012em}.sf-modal-body{padding:20px;overflow-y:auto;flex:1}.sf-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--border);background:var(--surface-alt);flex-shrink:0}.sf-menu{min-width:180px;padding:5px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-popover);animation:sf-scale-in var(--motion-fast) both}.sf-menu-item{display:flex;align-items:center;gap:9px;width:100%;padding:7px 9px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text);font-size:13px;font-weight:500;text-align:left;white-space:nowrap}.sf-menu-item:hover{background:var(--surface-alt)}.sf-menu-item[data-tone=danger]{color:var(--danger)}.sf-menu-item[data-tone=danger]:hover{background:var(--danger-soft)}.sf-menu-sep{height:1px;margin:5px -5px;background:var(--border)}.sf-table{width:100%;font-size:13px}.sf-table thead th{position:sticky;top:0;z-index:2;padding:9px 12px;background:var(--surface-alt);border-bottom:1px solid var(--border);color:var(--text-sub);font-size:11.5px;font-weight:600;letter-spacing:.02em;white-space:nowrap}.sf-table tbody td{padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:middle}.sf-table tbody tr:hover td{background:var(--surface-alt)}.sf-table tbody tr:last-child td{border-bottom:0}.sf-skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--surface-alt) 25%,var(--surface-sunken) 37%,var(--surface-alt) 63%);background-size:300% 100%;animation:sf-shimmer 1.4s ease-in-out infinite}.sf-spinner{width:15px;height:15px;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:sf-spin .64s linear infinite}.sf-empty{display:grid;place-items:center;gap:8px;padding:56px 24px;text-align:center;color:var(--text-muted)}.sf-empty-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--radius-xl);background:var(--surface-alt);color:var(--text-muted)}.sf-empty-title{font-size:14px;font-weight:600;color:var(--text)}.sf-empty-text{font-size:13px;max-width:40ch}.sf-toast{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-lg);font-size:13px;font-weight:500;animation:sf-slide-right var(--motion-base) both}.sf-boot{position:fixed;inset:0;display:grid;place-items:center;gap:14px;align-content:center;background:var(--canvas);z-index:9999}.sf-boot-logo{height:auto;max-width:150px;animation:sf-pulse 1.4s ease-in-out infinite}.sf-boot-text{font-size:13px;color:var(--text-muted)}.sf-chat{display:flex;height:100%;background:var(--surface)}.sf-chat-sidebar{width:232px;flex-shrink:0;border-right:1px solid var(--border);background:var(--surface-alt);padding:10px 8px 20px}.sf-chat-section{display:flex;align-items:center;justify-content:space-between;padding:6px 8px 2px}.sf-chat-channel{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;border:0;border-radius:var(--radius-md);background:transparent;color:var(--text-sub);font-size:13.5px;text-align:left;transition:background-color var(--motion-fast),color var(--motion-fast)}.sf-chat-channel:hover{background:var(--surface);color:var(--text)}.sf-chat-channel[aria-current=true]{background:var(--accent);color:#fff;font-weight:550}.sf-chat-channel[aria-current=true] .sf-nav-badge{background:#ffffff40}.sf-chat-channel-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-chat-main{flex:1;min-width:0;display:flex;flex-direction:column}.sf-chat-header{display:flex;align-items:center;justify-content:space-between;gap:12px;height:50px;padding:0 18px;flex-shrink:0;border-bottom:1px solid var(--border)}.sf-chat-scroll{flex:1;padding:14px 0 8px}.sf-chat-daybreak{display:flex;align-items:center;gap:12px;margin:18px 18px 10px;color:var(--text-muted);font-size:11.5px;font-weight:600}.sf-chat-daybreak:before,.sf-chat-daybreak:after{content:"";flex:1;height:1px;background:var(--border)}.sf-chat-message{position:relative;display:flex;gap:10px;padding:6px 18px}.sf-chat-message[data-compact=true]{padding-top:1px;padding-bottom:1px}.sf-chat-message:hover{background:var(--surface-alt)}.sf-chat-gutter{width:32px;flex-shrink:0;display:flex;justify-content:center;padding-top:2px}.sf-chat-timestamp{font-size:10.5px;color:var(--text-muted);opacity:0;font-variant-numeric:tabular-nums;transition:opacity var(--motion-fast)}.sf-chat-message:hover .sf-chat-timestamp{opacity:1}.sf-chat-body{font-size:14px;line-height:1.55;word-break:break-word}.sf-chat-body code{padding:1px 5px;border-radius:var(--radius-xs);background:var(--surface-sunken);font-size:12.5px}.sf-chat-body [data-mention-user-id]{padding:0 3px;border-radius:var(--radius-xs);background:var(--accent-soft);color:var(--accent);font-weight:550}.sf-chat-quote{margin-bottom:4px;padding-left:9px;border-left:2px solid var(--border-strong);color:var(--text-muted);font-size:12.5px}.sf-chat-reaction{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 7px;border:1px solid var(--border);border-radius:99px;background:var(--surface);font-size:12px}.sf-chat-reaction:hover{border-color:var(--border-strong)}.sf-chat-reaction[data-mine=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.sf-chat-actions{position:absolute;top:-12px;right:18px;display:none;align-items:center;gap:2px;padding:2px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm)}.sf-chat-message:hover .sf-chat-actions{display:flex}.sf-chat-action{width:26px;height:26px;border:0;border-radius:var(--radius-sm);background:transparent;font-size:14px;line-height:1}.sf-chat-action:hover{background:var(--surface-alt)}.sf-chat-composer{flex-shrink:0;display:flex;align-items:flex-end;gap:8px;margin:0 18px 16px;padding:8px;border:1px solid var(--border-strong);border-radius:var(--radius-xl);background:var(--surface);transition:border-color var(--motion-fast),box-shadow var(--motion-fast)}.sf-chat-composer:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.sf-chat-input{flex:1;min-height:30px;max-height:200px;padding:5px 6px;border:0;background:transparent;color:var(--text);font-size:14px;line-height:1.5;resize:none;outline:none}@media(max-width:760px){.sf-chat-sidebar{width:168px}}.sf-board{display:flex;gap:12px;align-items:flex-start;padding:4px 0 20px;overflow-x:auto;min-height:calc(100% - 130px)}.sf-list{width:288px;flex-shrink:0;display:flex;flex-direction:column;max-height:calc(100vh - var(--topbar-h) - 140px);border-radius:var(--radius-xl);background:var(--surface-alt);border:1px solid transparent;transition:border-color var(--motion-fast),background-color var(--motion-fast)}.sf-list[data-dropping=true]{border-color:var(--accent);background:var(--accent-soft)}.sf-list-header{display:flex;align-items:center;gap:8px;padding:10px 12px 8px;flex-shrink:0}.sf-list-title{flex:1;min-width:0;border:0;background:transparent;color:var(--text);font-size:13.5px;font-weight:600;padding:2px 4px;border-radius:var(--radius-sm);overflow:hidden;text-overflow:ellipsis}.sf-list-title:hover{background:var(--surface)}.sf-list-count{min-width:20px;padding:0 6px;border-radius:99px;background:var(--surface-sunken);color:var(--text-muted);font-size:11.5px;font-weight:600;line-height:18px;text-align:center}.sf-list-count[data-over=true]{background:var(--danger-soft);color:var(--danger)}.sf-list-cards{flex:1;overflow-y:auto;padding:0 8px 8px;min-height:24px}.sf-list-footer{flex-shrink:0;padding:0 8px 8px}.sf-card-item{padding:10px 11px;margin-bottom:7px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-xs);cursor:grab;transition:box-shadow var(--motion-fast),transform var(--motion-fast),opacity var(--motion-fast)}.sf-card-item:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.sf-card-item[data-dragging=true]{opacity:.4}.sf-card-item[data-done=true] .sf-card-title{color:var(--text-muted);text-decoration:line-through}.sf-card-title{font-size:13.5px;line-height:1.4;font-weight:500}.sf-card-labels{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:7px}.sf-card-label{height:6px;width:30px;border-radius:99px;background:var(--tone, var(--text-muted))}.sf-card-meta{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:11.5px;color:var(--text-muted)}.sf-card-due{display:inline-flex;align-items:center;gap:4px}.sf-card-due[data-overdue=true]{color:var(--danger);font-weight:600}.sf-login{display:flex;min-height:100vh;background:var(--canvas)}.sf-login-form-col{flex:1 1 50%;display:grid;place-items:center;padding:32px 24px}.sf-login-card{width:100%;max-width:372px}.sf-login-error{display:flex;align-items:center;gap:8px;margin-bottom:14px;padding:9px 11px;border-radius:var(--radius-md);background:var(--danger-soft);color:var(--danger);font-size:13px;font-weight:500}.sf-login-aside{flex:1 1 50%;position:relative;display:grid;place-items:center;padding:48px;overflow:hidden;background:linear-gradient(150deg,#312e81,#4f46e5 52%,#6d28d9)}.sf-login-aside:after{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.24),transparent 46%);pointer-events:none}.sf-login-aside-inner{position:relative;z-index:1;max-width:400px}.sf-login-bullet{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border-radius:var(--radius-md);background:#ffffff29;color:#fff}@media(max-width:900px){.sf-login-aside{display:none}}.sf-scroll-x{overflow-x:auto;overscroll-behavior-x:contain}.sf-scroll-y{overflow-y:auto;overscroll-behavior-y:contain}.sf-no-scrollbar::-webkit-scrollbar{display:none}.sf-no-scrollbar{scrollbar-width:none}.sf-mobile-only{display:none!important}.sf-scrim{position:fixed;inset:0;z-index:199;background:var(--overlay);animation:sf-fade-in var(--motion-fast) both}@media(max-width:900px){.sf-mobile-only{display:inline-flex!important}.sf-sidebar{position:fixed;left:0;top:0;width:var(--sidebar-w)!important;transform:translate(-100%);transition:transform var(--motion-slow);box-shadow:var(--shadow-xl)}.sf-sidebar[data-open=true]{transform:none}.sf-page{padding:16px 14px 40px}.sf-topbar{padding:0 10px}.sf-search{min-width:0}.sf-search span,.sf-kbd{display:none}}@media(min-width:901px){.sf-scrim{display:none}}