@import "https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-app:#f6f7f9;--bg-surface:#fff;--bg-muted:#f5f5f5;--bg-subtle:#ebebeb;--bg-overlay:#0006;--bg-shell:#f0f1f3;--tooltip-bg:#1f1f22;--tooltip-text:#f7f7f7;--bento-accent-bg:#e9ebee;--bento-accent-overlay:#0000000f;--bento-accent-overlay-hover:#0000001c;--sidebar-bg:#f7f7f7;--sidebar-border:#e5e5e5;--sidebar-hover:#0000000b;--sidebar-active:#00000012;--sidebar-text:#525252;--sidebar-text-active:#111;--sidebar-text-muted:#6b6b6b;--text-primary:#111;--text-secondary:#525252;--text-muted:#6b6b6b;--text-placeholder:#a3a3a3;--border:#e5e5e5;--border-subtle:#f0f0f0;--border-strong:#d4d4d4;--accent:#262626;--accent-hover:#111;--accent-fg:#fff;--accent-dim:#0000000f;--accent-text:#111;--green:#15803d;--green-bg:#16a34a1a;--red:#c81e1e;--red-bg:#dc26261a;--amber:#d97706;--amber-bg:#d977061a;--blue:#2563eb;--blue-bg:#2563eb1a;--purple:#7c3aed;--purple-bg:#7c3aed1a;--status-backlog:#a3a3a3;--status-todo:#d97706;--status-progress:#2563eb;--status-done:#16a34a;--priority-urgent:#dc2626;--priority-high:#ea580c;--priority-medium:#d97706;--priority-low:#16a34a;--font-sans:"Figtree", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-family-body:var(--font-sans);--font-family-code:"SF Mono", "Fira Code", "Fira Mono", monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--gutter:clamp(16px, 2vw, 32px);--shell-gap:10px;--view-max:1800px;--radius-xs:6px;--radius-sm:8px;--radius-md:10px;--radius-lg:16px;--radius-xl:16px;--radius-pill:9999px;--radius-element:10px;--radius-container:16px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spatial:cubic-bezier(.22, 1.28, .34, 1);--ease-emphasized:cubic-bezier(.2, 0, 0, 1);--dur-spatial:.42s;--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.35, .64, 1);--dur-instant:80ms;--dur-fast:.13s;--dur:.2s;--dur-slow:.32s;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014, 0 2px 4px #0000000a;--shadow-lg:0 10px 28px #0000001a, 0 4px 8px #0000000f;--shadow-xl:0 24px 56px #00000029, 0 8px 16px #00000014;--shadow-low:var(--shadow-sm);--shadow-med:var(--shadow-md);--shadow-high:var(--shadow-lg);--shadow-modal:var(--shadow-xl);--shadow-dropdown:var(--shadow-md);--bg-primary:var(--bg-app);--bg-secondary:var(--bg-surface);--bg-tertiary:var(--bg-muted);--bg-elevated:var(--bg-surface);--bg-sidebar:var(--sidebar-bg);--bg-sidebar-hover:var(--sidebar-hover);--bg-sidebar-active:var(--sidebar-active);--color-background-muted:var(--bg-muted);--color-background-surface:var(--bg-surface);--color-background-card:var(--bg-surface);--color-border-subtle:var(--border-subtle);--border-color:var(--border);--border-hover:var(--border-strong);--brand-accent:var(--accent);--brand-accent-hover:var(--accent-hover);--text-sidebar:var(--sidebar-text);--text-sidebar-primary:var(--sidebar-text-active)}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-app:#111112;--bg-surface:#1f1f22;--bg-muted:#19191b;--bg-subtle:#2a2a2e;--bg-shell:#0b0b0c;--tooltip-bg:#f2f3f5;--tooltip-text:#161618;--bento-accent-bg:#121214;--bento-accent-overlay:#ffffff1a;--bento-accent-overlay-hover:#ffffff2b;--sidebar-bg:#161618;--sidebar-border:#2b2b2f;--sidebar-hover:#ffffff0d;--sidebar-active:#ffffff17;--sidebar-text:#aaafb5;--sidebar-text-active:#f2f3f5;--sidebar-text-muted:#8b9199;--text-primary:#e8eaed;--text-secondary:#aaafb5;--text-muted:#8d9299;--text-placeholder:#5b6068;--border:#2b2b2f;--border-subtle:#232326;--border-strong:#3a3a3f;--green:#22c55e;--red:#f87171;--accent:#ececec;--accent-hover:#fff;--accent-fg:#111;--accent-dim:#ffffff14;--accent-text:#ececec;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 1px 3px #0006, 0 1px 2px #00000040;--shadow-md:0 4px 12px #00000073, 0 2px 4px #00000040;--shadow-lg:0 10px 28px #0000008c, 0 4px 8px #0000004d;--shadow-xl:0 24px 56px #000000b3, 0 8px 16px #0006}[data-theme=colorful]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--duo-1:#7c3aed;--duo-2:#ec4899;--duo-ink:#fff;--bg-app:color-mix(in srgb, var(--duo-1) 8%, #fff);--bg-surface:#fff;--bg-muted:color-mix(in srgb, var(--duo-1) 8%, #f7f7fa);--bg-subtle:color-mix(in srgb, var(--duo-1) 16%, #fff);--bg-overlay:color-mix(in srgb, var(--duo-1) 40%, #0f0f14bf);--bg-shell:color-mix(in srgb, var(--duo-2) 10%, #f4f4f7);--tooltip-bg:color-mix(in srgb, var(--duo-1) 30%, #16161c);--tooltip-text:#fff;--bento-accent-bg:color-mix(in srgb, var(--duo-2) 12%, #fff);--bento-accent-overlay:color-mix(in srgb, var(--duo-1) 12%, transparent);--bento-accent-overlay-hover:color-mix(in srgb, var(--duo-1) 20%, transparent);--sidebar-bg:color-mix(in srgb, var(--duo-1) 12%, #fff);--sidebar-border:color-mix(in srgb, var(--duo-1) 22%, #fff);--sidebar-hover:color-mix(in srgb, var(--duo-1) 14%, transparent);--sidebar-active:color-mix(in srgb, var(--duo-1) 24%, transparent);--sidebar-text:color-mix(in srgb, var(--duo-1) 35%, #2a2a33);--sidebar-text-active:color-mix(in srgb, var(--duo-1) 30%, #101014);--sidebar-text-muted:color-mix(in srgb, var(--duo-1) 25%, #4a4a55);--text-primary:color-mix(in srgb, var(--duo-1) 22%, #101014);--text-secondary:color-mix(in srgb, var(--duo-1) 25%, #3a3a45);--text-muted:color-mix(in srgb, var(--duo-1) 22%, #55555f);--text-placeholder:color-mix(in srgb, var(--duo-1) 20%, #9a9aa6);--border:color-mix(in srgb, var(--duo-1) 18%, #fff);--border-subtle:color-mix(in srgb, var(--duo-1) 10%, #fff);--border-strong:color-mix(in srgb, var(--duo-1) 34%, #fff);--accent:var(--duo-1);--accent-hover:color-mix(in srgb, var(--duo-1) 82%, #000);--accent-fg:var(--duo-ink);--accent-dim:color-mix(in srgb, var(--duo-1) 18%, transparent);--accent-text:color-mix(in srgb, var(--duo-1) 88%, #000);--green:#16a34a;--green-bg:#16a34a1f;--red:#e11d48;--red-bg:#e11d481f;--amber:#f59e0b;--amber-bg:#f59e0b24;--blue:#0284c7;--blue-bg:#0284c71f;--purple:#9333ea;--purple-bg:#9333ea1f;--shadow-xs:0 1px 2px color-mix(in srgb, var(--duo-1) 22%, transparent);--shadow-sm:0 1px 3px color-mix(in srgb, var(--duo-1) 26%, transparent), 0 1px 2px #14141e0f;--shadow-md:0 6px 16px color-mix(in srgb, var(--duo-1) 24%, transparent), 0 2px 4px #14141e14;--shadow-lg:0 14px 32px color-mix(in srgb, var(--duo-1) 26%, transparent), 0 4px 8px #14141e1a;--shadow-xl:0 28px 64px color-mix(in srgb, var(--duo-1) 30%, transparent), 0 8px 16px #14141e1f}[data-theme=colorful][data-tone=sunshine]{--duo-1:#f59e0b;--duo-2:#fde68a;--duo-ink:#3b2503}[data-theme=colorful][data-tone=meadow]{--duo-1:#16a34a;--duo-2:#eab308;--duo-ink:#05240f}[data-theme=colorful][data-tone=sky]{--duo-1:#0284c7;--duo-2:#a5f3fc;--duo-ink:#04283a}[data-theme=colorful][data-tone=berry]{--duo-1:#7c3aed;--duo-2:#ec4899;--duo-ink:#fff}[data-theme=colorful][data-tone=ember]{--duo-1:#e11d48;--duo-2:#f97316;--duo-ink:#fff}[data-theme=colorful][data-tone=reef]{--duo-1:#0d9488;--duo-2:#84cc16;--duo-ink:#04231e}[data-theme=colorful] body{background-image:radial-gradient(900px circle at 0% 0%, color-mix(in srgb, var(--duo-1) 22%, transparent), transparent 58%), radial-gradient(900px circle at 100% 100%, color-mix(in srgb, var(--duo-2) 26%, transparent), transparent 58%);background-attachment:fixed}[data-theme=colorful] .collavo-sidebar{background-image:linear-gradient(180deg, color-mix(in srgb, var(--duo-1) 12%, transparent), color-mix(in srgb, var(--duo-2) 18%, transparent))}[data-theme=colorful] .button-primary-sm,[data-theme=colorful] .button-primary-full{background-image:linear-gradient(120deg, var(--duo-1), var(--duo-2));color:var(--duo-ink);border-color:#0000}[data-theme=colorful] .button-primary-sm:hover,[data-theme=colorful] .button-primary-full:hover{filter:saturate(1.1)brightness(.96)}[data-theme=colorful] .progress-bar-fill{background-color:#0000;background-image:linear-gradient(90deg, var(--duo-1), var(--duo-2))}[data-theme=colorful] .bento-dark{background-image:linear-gradient(140deg, color-mix(in srgb, var(--duo-1) 22%, transparent), color-mix(in srgb, var(--duo-2) 22%, transparent))}[data-theme=colorful] .sidebar-item.active{background-image:linear-gradient(90deg, color-mix(in srgb, var(--duo-1) 26%, transparent), color-mix(in srgb, var(--duo-2) 20%, transparent))}[data-theme=colorful] .sidebar-item svg{color:var(--duo-1)}[data-theme=colorful] .astryx-badge{color:var(--accent-text)}[data-theme=colorful] .onboarding-screen{background-image:radial-gradient(900px circle at 12% 8%, color-mix(in srgb, var(--duo-1) 35%, transparent), transparent 58%), radial-gradient(900px circle at 88% 92%, color-mix(in srgb, var(--duo-2) 35%, transparent), transparent 58%)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{font-family:var(--font-family-body);background-color:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:20px}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:normal;font-weight:600}h1{font-size:24px;line-height:32px}h2{font-size:20px;line-height:28px}h3{font-size:16px;line-height:24px}h4{font-size:14px;line-height:20px}input,button,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none}button{cursor:pointer}a{color:inherit;text-decoration:none}ul,ol{list-style:none}::placeholder{color:var(--text-placeholder)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-container{gap:var(--shell-gap);width:100vw;height:100vh;padding:var(--shell-gap);background-color:var(--bg-shell);display:flex;overflow:hidden}.main-layout{background:var(--bg-app);border-radius:var(--radius-xl);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.content-scrollable{background-color:var(--bg-app);flex:1;overflow-y:auto}.content-inner{width:100%;padding:24px var(--gutter)}.view-max{width:100%;max-width:var(--view-max);margin:0 auto 0 0}.view-max.view-centered{margin-left:auto}.measure{max-width:78ch}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-subtitle{max-width:78ch}.page-title{color:var(--text-primary);font-size:24px;font-weight:600;line-height:32px}.page-subtitle{color:var(--text-secondary);margin-top:2px;font-size:14px;line-height:20px}.section-label{color:var(--text-secondary);font-size:12px;font-weight:600;line-height:20px}.dropdown{position:relative}.dropdown-menu{z-index:30;background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-container);min-width:200px;box-shadow:var(--shadow-lg);padding:6px;position:absolute;top:calc(100% + 6px);left:0}.dropdown-menu.align-right{left:auto;right:0}.dropdown-label{color:var(--text-muted);padding:6px 10px 4px;font-size:12px;font-weight:600}.dropdown-item{border-radius:var(--radius-sm);width:100%;color:var(--text-primary);text-align:left;align-items:center;gap:8px;padding:7px 10px;font-size:14px;transition:background-color 80ms;display:flex}.dropdown-item:hover{background-color:var(--bg-muted)}.dropdown-item .check{color:var(--text-primary);opacity:0;margin-left:auto}.dropdown-item.selected .check{opacity:1}.dropdown-sep{background-color:var(--border-subtle);height:1px;margin:6px 0}@keyframes dash-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.dash-in{opacity:0;animation:.45s cubic-bezier(.22,1,.36,1) forwards dash-rise;animation-delay:calc(var(--d,0) * 70ms)}.dash-bar{transition:height .7s cubic-bezier(.22,1,.36,1)}.dash-arc{transition:stroke-dashoffset .9s cubic-bezier(.33,1,.68,1)}@media (prefers-reduced-motion:reduce){.dash-in{opacity:1;animation:none}.dash-bar,.dash-arc{transition:none}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.6s linear spin}@media (prefers-reduced-motion:reduce){.spin{animation:none}}.alias-code{font-family:var(--font-family-code);border-radius:var(--radius-element);background-color:var(--bg-muted);color:var(--text-primary);word-break:break-all;padding:6px 10px;font-size:13px}.app-tooltip{z-index:200;pointer-events:none;border-radius:var(--radius-sm);background-color:var(--tooltip-bg);max-width:240px;color:var(--tooltip-text);white-space:normal;text-align:center;box-shadow:var(--shadow-lg);padding:5px 8px;font-size:12px;font-weight:500;line-height:16px;animation:.1s ease-out tooltip-in;position:fixed}@keyframes tooltip-in{0%{opacity:0}to{opacity:1}}.dropdown-item-danger{color:var(--red)}.dropdown-item-danger:hover{background-color:var(--red-bg)}.profile-menu{padding:8px}.profile-menu-head{align-items:center;gap:10px;padding:6px 8px 8px;display:flex}.profile-menu-name{color:var(--text-primary);font-size:14px;font-weight:600;display:block}.profile-menu-role{color:var(--text-muted);font-size:12px;display:block}.scope-avatar{border-radius:var(--radius-xs);background-color:var(--bg-subtle);width:18px;height:18px;color:var(--text-primary);flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:600;display:inline-flex;overflow:hidden}.scope-avatar img{object-fit:cover;width:100%;height:100%}.button-secondary-sm.is-open,.button-secondary-sm.has-value{background-color:var(--bg-muted);border-color:var(--border-strong)}.collavo-sidebar{background-color:var(--sidebar-bg);border-radius:var(--radius-xl);flex-direction:column;flex-shrink:0;width:240px;padding:12px 0;transition:width .15s;display:flex}.collavo-sidebar.collapsed{width:60px}.sidebar-search-btn{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-element);color:var(--text-muted);justify-content:space-between;align-items:center;margin:0 12px 12px;padding:7px 10px;font-size:13px;transition:border-color .1s;display:flex}.sidebar-search-btn:hover{border-color:var(--border-strong)}.sidebar-section{margin-bottom:4px}.sidebar-section-label{color:var(--sidebar-text-muted);margin:12px 0 2px;padding:0 12px;font-size:12px;font-weight:600;line-height:20px}.sidebar-item{color:var(--sidebar-text);cursor:pointer;border-radius:var(--radius-element);align-items:center;margin:1px 8px;padding:6px 10px;font-size:14px;font-weight:500;line-height:20px;transition:background-color .1s,color .1s;display:flex}.sidebar-item:hover{background-color:var(--sidebar-hover);color:var(--sidebar-text-active)}.sidebar-item.active{background-color:var(--sidebar-active);color:var(--sidebar-text-active);font-weight:600}.nav-badge{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-pill);margin-left:auto;padding:0 6px;font-size:11px;font-weight:600;line-height:16px}.sidebar-footer{border-top:1px solid var(--sidebar-border);margin-top:auto;padding:10px 0 0}@media (width<=900px){:root{--shell-gap:8px}.collavo-sidebar{width:64px}.collavo-sidebar .sidebar-brand-text,.collavo-sidebar .sidebar-label,.collavo-sidebar .sidebar-section-label,.collavo-sidebar .nav-badge,.collavo-sidebar kbd{display:none}.collavo-sidebar .sidebar-brand{justify-content:center;padding:4px 8px}.collavo-sidebar .sidebar-item{justify-content:center}.sidebar-search-btn{justify-content:center;margin:0 12px 12px}.user-name{display:none}.user-profile-menu{padding:3px}.hide-sm{display:none!important}}.sign-out-btn{color:var(--sidebar-text)}.sign-out-btn:hover{color:var(--red)!important;background-color:var(--red-bg)!important}.collavo-header{background-color:var(--bg-surface);z-index:10;flex-shrink:0;align-items:center;height:48px;display:flex;position:sticky;top:0}.header-inner{width:100%;padding:0 var(--gutter);justify-content:space-between;align-items:center;display:flex}.header-inner>:first-child{flex:auto;min-width:0}.breadcrumb{color:var(--text-secondary);align-items:center;gap:8px;min-width:0;font-size:14px;display:flex}.breadcrumb>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.breadcrumb .font-medium{color:var(--text-primary)}.header-right{flex-shrink:0;align-items:center;gap:4px;display:flex}.header-icon-btn{color:var(--text-secondary);border-radius:var(--radius-element);justify-content:center;align-items:center;width:32px;height:32px;transition:background-color .1s,color .1s;display:flex;position:relative}.header-icon-btn:hover{background-color:var(--bg-muted);color:var(--text-primary)}.notification-badge{color:#fff;background-color:var(--red);border-radius:var(--radius-pill,999px);min-width:15px;height:15px;box-shadow:0 0 0 2px var(--bg-surface);place-items:center;padding:0 4px;font-size:9px;font-weight:700;line-height:1;display:grid;position:absolute;top:3px;right:2px}.user-profile-menu{cursor:pointer;border-radius:var(--radius-pill);border:1px solid var(--border);align-items:center;gap:8px;padding:4px 10px 4px 4px;transition:background-color .1s;display:flex}.user-profile-menu:hover{background-color:var(--bg-muted)}.user-avatar{object-fit:cover;border-radius:50%;width:24px;height:24px}.user-name{color:var(--text-primary);font-size:13px;font-weight:500}.collavo-card,.astryx-card-surface{background-color:var(--bg-surface);border-radius:var(--radius-container)}.collavo-card{padding:20px}.astryx-card-muted{background-color:var(--bg-muted);border-radius:var(--radius-container)}.card-header-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-title{color:var(--text-primary);font-size:14px;font-weight:600;line-height:20px}.view-all-link{color:var(--text-secondary);font-size:13px;font-weight:500;transition:color .1s}.view-all-link:hover{color:var(--text-primary)}.bento{border-radius:var(--radius-xl);flex-direction:column;min-width:0;padding:24px;display:flex}.bento-muted{background-color:var(--bg-muted)}.bento-surface{background-color:var(--bg-surface)}.bento-dark{background-color:var(--bento-accent-bg);color:var(--text-primary)}.bento-dark h1,.bento-dark h2,.bento-dark h3{color:inherit}.bento-dark .muted{color:var(--text-secondary);opacity:1}.bento-title{font-size:20px;font-weight:500;line-height:28px}.bento-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.blob{border-radius:var(--radius-xl);flex-direction:column;justify-content:space-between;min-width:0;padding:20px 24px;display:flex}.blob-label{font-size:14px;line-height:20px}.display-num{letter-spacing:-.01em;white-space:nowrap;font-size:48px;font-weight:500;line-height:1}.display-num small{margin-left:2px;font-size:.55em;font-weight:500}.pill-btn{border-radius:var(--radius-pill);background-color:var(--bg-subtle);height:32px;color:var(--text-primary);align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:500;transition:background-color .12s;display:inline-flex}.pill-btn:hover{background-color:var(--border-strong)}.pill-btn.on-dark{background-color:var(--bento-accent-overlay);color:inherit}.pill-btn.on-dark:hover{background-color:var(--bento-accent-overlay-hover)}.pill-btn.primary{background-color:var(--accent);color:var(--accent-fg)}.pill-btn.primary:hover{background-color:var(--accent-hover)}.live-badge{border-radius:var(--radius-pill);background-color:var(--blue);color:#fff;align-items:center;height:22px;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.icon-tile{border-radius:var(--radius-element);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-weight:600;display:flex;overflow:hidden}.icon-tile img{object-fit:cover;width:100%;height:100%}.bento-row{gap:16px;display:grid}.bento-row-a{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.bento-row-b{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}.bento-row-c{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) 300px}.bento-split{flex:1;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:16px;display:grid}.bento-pair{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:16px;display:grid}.bento-projects{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}@media (width<=1400px){.bento-row-c{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.bento-row-c>:last-child{grid-column:1/-1}}@media (width<=1100px){.bento-row-a,.bento-row-b,.bento-row-c{grid-template-columns:minmax(0,1fr)}.bento-row-c>:last-child{grid-column:auto}}@media (width<=720px){.bento-split,.bento-pair{grid-template-columns:minmax(0,1fr)}.bento{padding:20px}.display-num{font-size:40px}}.metric-card{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-container);cursor:pointer;flex-direction:column;gap:16px;padding:20px;transition:border-color .15s,box-shadow .15s;display:flex}.metric-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.metric-header{align-items:center;gap:8px;display:flex}.metric-icon-box{border-radius:var(--radius-element);background-color:var(--bg-muted);width:32px;height:32px;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.metric-title{color:var(--text-secondary);font-size:13px;font-weight:500}.metric-value-row{align-items:baseline;gap:6px;display:flex}.metric-num{color:var(--text-primary);font-size:24px;font-weight:600;line-height:32px}.metric-sub{color:var(--text-muted);font-size:13px}.metric-link{color:var(--text-primary);align-items:center;gap:4px;margin-top:auto;padding-top:4px;font-size:13px;font-weight:500;display:flex}.metric-link:hover{text-decoration:underline}.button-primary-sm,.button-primary-full,.button-secondary-sm,.button-secondary-full,.button-danger-sm,.action-btn{border-radius:var(--radius-element);white-space:nowrap;justify-content:center;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:14px;font-weight:500;line-height:20px;transition:background-color .12s,border-color .12s,color .12s;display:inline-flex}.button-primary-sm,.button-primary-full{background-color:var(--accent);color:var(--accent-fg)}.button-primary-sm:hover,.button-primary-full:hover{background-color:var(--accent-hover)}.button-primary-full{width:100%}.button-secondary-sm,.button-secondary-full,.action-btn{background-color:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border)}.button-secondary-sm:hover,.button-secondary-full:hover,.action-btn:hover{background-color:var(--bg-muted);border-color:var(--border-strong)}.button-secondary-full{width:100%}.button-danger-sm{background-color:var(--red-bg);color:var(--red);border:1px solid #dc262633}.button-danger-sm:hover{background-color:#dc262629}.icon-btn-ghost{color:var(--text-muted);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:28px;height:28px;transition:all .1s;display:inline-flex}.icon-btn-ghost:hover{background-color:var(--bg-muted);color:var(--text-primary)}.icon-btn-secondary{background-color:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-element);justify-content:center;align-items:center;width:32px;height:32px;transition:all .1s;display:inline-flex}.icon-btn-secondary:hover{color:var(--text-primary);background-color:var(--bg-muted)}.segmented{background-color:var(--bg-muted);border-radius:var(--radius-element);align-items:center;gap:2px;padding:3px;display:inline-flex}.segmented-btn{border-radius:var(--radius-sm);height:26px;color:var(--text-secondary);align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:500;transition:all .12s;display:inline-flex}.segmented-btn:hover{color:var(--text-primary)}.segmented-btn.active{background-color:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-xs)}.quick-actions-row{flex-direction:column;gap:10px;display:flex}.section-subtitle{color:var(--text-secondary);font-size:12px;font-weight:600}.actions-buttons-flex{flex-wrap:wrap;gap:8px;display:flex}.grid-dashboard-top{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.grid-dashboard-middle{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;display:grid}.astryx-badge{border-radius:var(--radius-pill);background-color:var(--bg-muted);height:22px;color:var(--text-secondary);border:1px solid #0000;align-items:center;gap:4px;padding:0 8px;font-size:12px;font-weight:500;display:inline-flex}.astryx-status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.astryx-status-dot.accent{background-color:var(--status-progress)}.astryx-status-dot.success{background-color:var(--status-done)}.astryx-status-dot.warning{background-color:var(--status-todo)}.astryx-status-dot.neutral{background-color:var(--status-backlog)}.astryx-divider{background-color:var(--border);height:1px}.badge-priority{border-radius:var(--radius-pill);background-color:var(--bg-muted);height:22px;color:var(--text-secondary);align-items:center;gap:6px;padding:0 8px;font-size:12px;font-weight:500;display:inline-flex}.status-pill{border-radius:var(--radius-pill);background-color:var(--bg-muted);align-items:center;gap:4px;height:22px;padding:0 8px;font-size:12px;font-weight:500;display:inline-flex}.kanban-board-grid{align-items:flex-start;gap:16px;height:100%;padding:16px 0;display:flex;overflow-x:auto}.kanban-column{background-color:var(--bg-muted);border-radius:var(--radius-container);flex-direction:column;flex:280px;min-width:260px;max-width:420px;max-height:calc(100vh - 200px);display:flex;overflow:hidden}.kanban-column-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 12px 8px;display:flex}.column-title{color:var(--text-primary);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.col-count-badge{color:var(--text-secondary);background-color:var(--bg-surface);border-radius:var(--radius-pill);align-items:center;height:20px;padding:0 7px;font-size:12px;font-weight:500;display:inline-flex}.kanban-column-body{flex-direction:column;flex:1;gap:8px;padding:4px 8px 8px;display:flex;overflow-y:auto}.kanban-board-grid,.kanban-column-body{scrollbar-width:none;-ms-overflow-style:none}.kanban-board-grid::-webkit-scrollbar{width:0;height:0}.kanban-column-body::-webkit-scrollbar{width:0;height:0}.kanban-card{background-color:var(--bg-surface);border-radius:var(--radius-xl);cursor:grab;padding:12px;transition:box-shadow .12s,border-color .12s}.kanban-card:hover{box-shadow:var(--shadow-sm);border-color:var(--border-strong)}.kanban-card:active{cursor:grabbing}.kanban-card.dragging{opacity:.4}.kanban-column.drop-target{background-color:var(--bg-subtle);box-shadow:inset 0 0 0 2px var(--border-strong)}.jira-wrap{flex-direction:column;min-width:0;display:flex}.jira-scroll{border-radius:var(--radius-container);background-color:var(--bg-surface);overflow-x:auto}.jira-table{border-collapse:collapse;width:100%;font-size:13px;line-height:18px}.jira-table th{text-align:left;white-space:nowrap;color:var(--text-secondary);background-color:var(--bg-muted);border-bottom:1px solid var(--border);border-right:1px solid var(--border);padding:9px 12px;font-size:12px;font-weight:500;position:relative}.jira-table th:last-child{border-right:none}.jira-table td{border-bottom:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle);vertical-align:middle;color:var(--text-primary);padding:8px 12px}.jira-table td:last-child{border-right:none}.jira-table tbody tr{transition:background-color 80ms}.jira-table tbody tr:hover{background-color:var(--bg-muted);cursor:pointer}.jira-table tbody tr.selected{background-color:var(--accent-dim)}.jira-col-check{width:44px;min-width:44px;padding-left:14px!important;padding-right:14px!important}.jira-col-config{width:40px}.jira-colmenu-anchor{justify-content:center;display:flex;position:relative}.icon-btn-ghost.is-open{background-color:var(--bg-subtle);color:var(--text-primary)}.jira-key{color:var(--blue);white-space:nowrap;align-items:center;gap:6px;font-weight:500;display:inline-flex}.jira-key:hover{text-decoration:underline}.jira-cell-summary{min-width:280px;max-width:520px}.jira-summary{flex-direction:column;gap:1px;min-width:0;display:flex}.jira-summary-title{color:var(--text-primary);font-weight:500}.jira-summary-desc{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.jira-user{align-items:center;gap:8px;min-width:0;max-width:180px;display:inline-flex}.jira-user img{object-fit:cover;border-radius:50%;flex-shrink:0;width:22px;height:22px}.jira-user-fallback{background-color:var(--bg-subtle);width:22px;height:22px;color:var(--text-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:600;display:inline-flex}.jira-priority{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.jira-empty{color:var(--text-muted)}.jira-status-wrap{display:inline-block;position:relative}.jira-status{border-radius:var(--radius-sm);background-color:var(--bg-subtle);height:24px;color:var(--text-primary);white-space:nowrap;align-items:center;gap:5px;padding:0 8px;font-size:12px;font-weight:500;transition:background-color .1s;display:inline-flex}.jira-status:hover{background-color:var(--border-strong)}.jira-group-row td{background-color:var(--bg-muted);border-right:none;border-bottom:1px solid var(--border);padding:0}.jira-group-row td span{color:var(--text-secondary);align-items:center;gap:8px;padding:7px 12px;font-size:12px;font-weight:600;display:flex}.jira-group-row:hover{cursor:default;background-color:#0000}.jira-create-row td{border-right:none;padding:0}.jira-create-row:hover{background-color:var(--bg-muted)}.jira-create-row span{color:var(--text-secondary);align-items:center;gap:8px;padding:10px 12px;font-weight:500;display:inline-flex}.jira-none{text-align:center;color:var(--text-muted);border-right:none!important;padding:40px 12px!important}.jira-count{color:var(--text-secondary);justify-content:center;align-items:center;gap:8px;padding:12px;font-size:13px;display:flex}.jira-colmenu{min-width:240px;padding:8px}.jira-colsearch{border:1px solid var(--border);border-radius:var(--radius-element);height:34px;color:var(--text-muted);align-items:center;gap:8px;margin-bottom:6px;padding:0 10px;display:flex}.jira-colsearch:focus-within{border-color:var(--text-primary);box-shadow:0 0 0 3px var(--accent-dim)}.jira-colsearch input{color:var(--text-primary);flex:1;min-width:0;font-size:13px}.jira-collist{max-height:260px;overflow-y:auto}.jira-colfoot{color:var(--text-muted);justify-content:space-between;align-items:center;gap:8px;padding:2px 4px;font-size:12px;display:flex}.project-sub-tabs{gap:0;display:flex}.tab-btn{color:var(--text-secondary);white-space:nowrap;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:10px 12px;font-size:14px;font-weight:500;transition:color .1s,border-color .1s;display:flex}.tab-btn:hover{color:var(--text-primary)}.tab-btn-add{color:var(--text-muted);padding:10px}.tab-btn-add:hover,.tab-btn-add.is-open{color:var(--text-primary)}.tab-menu{padding:8px}.tab-menu-list{flex:1;min-height:0;overflow-y:auto}.tab-btn.active{color:var(--text-primary);border-bottom-color:var(--text-primary);font-weight:600}.stat-card-spark{background-color:var(--bg-surface);border-radius:var(--radius-container);padding:20px}.stat-icon-wrapper{border-radius:var(--radius-element);justify-content:center;align-items:center;width:32px;height:32px;display:flex}.stat-icon-wrapper.green{background-color:var(--green-bg);color:var(--green)}.stat-icon-wrapper.blue{background-color:var(--blue-bg);color:var(--blue)}.stat-icon-wrapper.red{background-color:var(--red-bg);color:var(--red)}.stat-icon-wrapper.purple{background-color:var(--purple-bg);color:var(--purple)}.progress-bar-bg{background-color:var(--bg-subtle);border-radius:var(--radius-pill);width:100%;height:6px;overflow:hidden}.progress-bar-fill{background-color:var(--text-primary);border-radius:var(--radius-pill);height:100%;transition:width .3s}.activity-row{gap:12px;padding:8px 0;display:flex}.activity-row+.activity-row{border-top:1px solid var(--border-subtle)}.act-avatar{object-fit:cover;border-radius:50%;width:28px;height:28px}.act-avatar-fallback{background-color:var(--bg-muted);width:28px;height:28px;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.act-details{color:var(--text-secondary);font-size:14px;line-height:20px}.act-avatar-wrapper{flex-shrink:0}.deadline-item-box{align-items:flex-start;gap:10px;padding:8px 0;display:flex}.deadline-item-box+.deadline-item-box{border-top:1px solid var(--border-subtle)}.task-check-icon{color:var(--text-muted);flex-shrink:0;margin-top:1px}.deadline-row-item{flex-direction:column;flex:1;gap:1px;display:flex}.member-avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.status-dot{width:8px;height:8px;box-shadow:0 0 0 2px var(--bg-surface);border-radius:50%;position:absolute;bottom:0;right:0}.status-dot.online{background-color:var(--green)}.status-dot.away{background-color:var(--amber)}.status-dot.offline{background-color:var(--text-muted)}.active-projects-flex{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.project-summary-tile{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-element);padding:14px;transition:border-color .15s,box-shadow .15s}.project-summary-tile:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.new-project-dashed-tile{border:1px dashed var(--border-strong);border-radius:var(--radius-xl);min-height:96px;color:var(--text-secondary);cursor:pointer;background-color:#0000;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:500;transition:all .1s;display:flex}.new-project-dashed-tile:hover{border-color:var(--text-primary);color:var(--text-primary);background-color:var(--bg-muted)}.modal-input,.kanban-search-input,.astryx-input{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-element);width:100%;height:36px;color:var(--text-primary);padding:0 12px;font-size:14px;line-height:20px;transition:border-color .1s,box-shadow .1s}textarea.modal-input{resize:vertical;height:auto;padding:8px 12px}select.modal-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238a8a8a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.modal-input:focus,.kanban-search-input:focus,.astryx-input:focus{border-color:var(--text-primary);box-shadow:0 0 0 3px var(--accent-dim)}.kanban-search-input{height:32px;padding-left:32px;font-size:13px}.search-input-wrapper{align-items:center;display:flex;position:relative}.input-label{color:var(--text-secondary);margin-bottom:4px;font-size:12px;font-weight:600;line-height:20px;display:block}.automation-step{background-color:var(--bg-muted);border-radius:var(--radius-element);grid-template-columns:56px minmax(0,1fr);align-items:start;gap:12px;padding:12px;display:grid}.automation-step-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:12px;font-weight:700;line-height:32px}.automation-rule,.automation-run{background-color:var(--bg-muted);border-radius:var(--radius-element);justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.automation-toggle{border-radius:var(--radius-pill);background-color:var(--border-strong);flex-shrink:0;width:34px;height:20px;padding:2px;transition:background-color .15s}.automation-toggle.on{background-color:var(--accent)}.automation-toggle>span{background-color:var(--bg-surface);border-radius:50%;width:16px;height:16px;transition:transform .15s;display:block}.automation-toggle.on>span{transform:translate(14px)}.astryx-badge.muted{color:var(--text-muted)}.project-bento{background-color:var(--bg-surface);border-radius:var(--radius-xl);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-user-drag:element;flex-direction:column;display:flex;position:relative;overflow:hidden}.project-bento img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.project-bento.is-drop-target{outline:2px solid var(--blue);outline-offset:-2px}.project-bento-cover{flex-shrink:0;height:62px;position:relative}.project-bento-cover:after{content:"";pointer-events:none;background:linear-gradient(#0000 45%,#00000047);position:absolute;inset:0}.project-bento-cover>:not(.project-bento-menu){width:100%;height:100%}.project-bento-cover img{object-fit:cover;display:block}.project-bento-menu{z-index:1;color:#fff;border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000059;position:absolute;top:8px;right:8px}.project-bento-menu:hover{background-color:#0000008c}.project-bento-body{flex-direction:column;gap:10px;padding:0 12px 12px;display:flex}.project-bento-mark{z-index:2;border-radius:var(--radius-element);background-color:var(--bg-surface);width:32px;height:32px;box-shadow:0 0 0 3px var(--bg-surface);flex-shrink:0;margin-top:-16px;position:relative;overflow:hidden}.project-bento-mark img{object-fit:cover;width:100%;height:100%;display:block}.project-bento-name{color:var(--text-primary);font-size:13px;font-weight:600;line-height:19px;display:block}.project-bento-desc{color:var(--text-secondary);font-size:12px;line-height:17px}.project-bento-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.project-bento-stat{background-color:var(--bg-muted);border-radius:var(--radius-element);min-width:0;padding:7px 9px}.project-bento-stat-value{color:var(--text-primary);font-size:13px;font-weight:600;line-height:18px}.project-bento-stat-label{color:var(--text-muted);font-size:11px;line-height:16px}.task-detail-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:32px;display:grid}@media (width<=1100px){.task-detail-layout{grid-template-columns:minmax(0,1fr)}}.project-banner{border-radius:var(--radius-xl);background-color:var(--bg-muted);-webkit-user-select:none;user-select:none;width:100%;height:clamp(180px,20vw,300px);position:relative;overflow:hidden}.modal-backdrop{background-color:var(--bg-overlay);z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-dialog-box{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:480px;box-shadow:var(--shadow-xl);overflow:hidden}.modal-dialog-header{justify-content:space-between;align-items:center;padding:20px 24px 0;display:flex}.modal-dialog-title{font-size:16px;font-weight:600;line-height:24px}.modal-close-btn{color:var(--text-muted);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:28px;height:28px;transition:all .1s;display:inline-flex}.modal-close-btn:hover{color:var(--text-primary);background-color:var(--bg-muted)}.modal-dialog-body{flex-direction:column;gap:16px;padding:16px 24px 24px;display:flex}.modal-dialog-footer{justify-content:flex-end;gap:8px;padding-top:8px;display:flex}.command-palette-container{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:600px;max-width:100%;box-shadow:var(--shadow-xl);align-self:flex-start;margin-top:10vh;overflow:hidden}.palette-input-row{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:14px 16px;font-size:15px;display:flex}.palette-input-row input{flex:1}.palette-close-btn{color:var(--text-muted)}.palette-results{max-height:380px;padding:8px;overflow-y:auto}.palette-section{padding:4px 0}.palette-section-title{color:var(--text-muted);padding:6px 10px;font-size:12px;font-weight:600}.palette-item{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:10px;padding:8px 10px;font-size:14px;transition:background-color 50ms;display:flex}.palette-item:hover,.palette-item.active{background-color:var(--bg-muted)}.palette-item svg{color:var(--text-secondary)}.palette-kbd{color:var(--text-muted);background-color:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-xs);margin-left:auto;padding:1px 6px;font-size:11px}.theme-selector-pill{background-color:var(--bg-muted);border-radius:var(--radius-element);padding:3px;display:inline-flex}.theme-pill-btn{border-radius:var(--radius-sm);color:var(--text-secondary);align-items:center;gap:6px;padding:3px 10px;font-size:13px;font-weight:500;transition:all .1s;display:inline-flex}.theme-pill-btn.active{background-color:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-xs)}.donut-chart-container{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.donut-center-content{text-align:center;position:absolute}.donut-total-val{font-size:24px;font-weight:600}.donut-total-lbl{color:var(--text-muted);font-size:12px}.donut-legend-list{flex-direction:column;gap:8px;margin-top:12px;display:flex}.donut-legend-row{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:13px;display:flex}.legend-dot{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.line-chart-wrapper{width:100%}.chart-legend{color:var(--text-secondary);gap:16px;margin-top:8px;font-size:13px;display:flex}.legend-item{align-items:center;display:inline-flex}.custom-checkbox{appearance:none;border-radius:var(--radius-xs);border:1.5px solid var(--border-strong);background-color:var(--bg-surface);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;transition:all .1s;display:inline-flex}.custom-checkbox:checked{background-color:var(--accent);border-color:var(--accent)}.custom-checkbox:checked:after{content:"";border:solid var(--accent-fg);border-width:0 2px 2px 0;width:5px;height:9px;transform:translateY(-1px)rotate(45deg)}.table-container{overflow-x:auto}.table-header{background-color:var(--bg-muted);color:var(--text-secondary);font-size:12px;font-weight:600}.table-row{border-top:1px solid var(--border-subtle);transition:background-color .1s}.table-row:hover{background-color:var(--bg-muted)}.project-list-grid{grid-template-columns:minmax(200px,1fr) 120px 80px 60px 110px 60px 80px;align-items:center;gap:16px;width:100%;display:grid}.project-list-row{border-radius:var(--radius-sm);transition:background-color .1s}.project-list-row:hover{background-color:var(--bg-muted)}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.shrink-0,.flex-shrink-0{flex-shrink:0}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:2px}.gap-1{gap:4px}.gap-1\.5{gap:6px}.gap-2{gap:8px}.gap-2\.5{gap:10px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.gap-12{gap:48px}.space-y-1>*+*{margin-top:4px}.space-y-2>*+*{margin-top:8px}.space-y-3>*+*{margin-top:12px}.space-y-4>*+*{margin-top:16px}.space-y-6>*+*{margin-top:24px}.w-full{width:100%}.max-w-sm{max-width:384px}.max-w-md{max-width:448px}.max-w-xl{max-width:576px}.max-w-2xl{max-width:672px}.max-w-3xl{max-width:768px}.w-2{width:8px}.h-2{height:8px}.w-0\.5{width:2px}.w-5{width:20px}.h-5{height:20px}.w-7{width:28px}.h-7{height:28px}.w-8{width:32px}.h-8{height:32px}.w-10{width:40px}.h-10{height:40px}.w-12{width:48px}.h-12{height:48px}.w-16{width:64px}.h-16{height:64px}.min-h-\[500px\]{min-height:500px}.min-h-\[85px\]{min-height:85px}.min-h-\[150px\]{min-height:150px}.min-w-\[750px\]{min-width:750px}.m-0{margin:0}.mt-0\.5{margin-top:2px}.mt-1{margin-top:4px}.mt-1\.5{margin-top:6px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.ml-1{margin-left:4px}.ml-2{margin-left:8px}.ml-auto{margin-left:auto}.mx-auto{margin:0 auto}.mx-4{margin-left:16px;margin-right:16px}.mr-1{margin-right:4px}.p-0{padding:0}.p-1{padding:4px}.p-1\.5{padding:6px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.px-2{padding-left:8px;padding-right:8px}.px-1\.5{padding-left:6px;padding-right:6px}.px-4{padding-left:16px;padding-right:16px}.py-0\.5{padding-top:2px;padding-bottom:2px}.py-2{padding-top:8px;padding-bottom:8px}.py-2\.5{padding-top:10px;padding-bottom:10px}.py-4{padding-top:16px;padding-bottom:16px}.py-6{padding-top:24px;padding-bottom:24px}.py-16{padding-top:64px;padding-bottom:64px}.py-20{padding-top:80px;padding-bottom:80px}.pl-4{padding-left:16px}.pl-5{padding-left:20px}.pr-4{padding-right:16px}.pt-2{padding-top:8px}.pt-4{padding-top:16px}.pb-3{padding-bottom:12px}.pb-10{padding-bottom:40px}.text-xs{font-size:12px;line-height:16px}.text-sm{font-size:13px;line-height:20px}.text-base{font-size:14px;line-height:20px}.text-lg{font-size:16px;line-height:24px}.text-xl{font-size:18px;line-height:26px}.text-2xl{font-size:24px;line-height:32px}.text-3xl{font-size:28px;line-height:36px}.text-5xl{font-size:48px;line-height:1}.text-\[9px\],.text-\[10px\]{font-size:11px}.font-medium{font-weight:500}.font-semibold,.font-bold{font-weight:600}.font-extrabold,.font-black{font-weight:700}.font-mono{font-family:var(--font-family-code)}.leading-relaxed{line-height:1.6}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-primary{color:var(--text-primary)}.text-white{color:#fff}.tracking-tight,.tracking-widest{letter-spacing:normal}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.uppercase{text-transform:none}.capitalize{text-transform:capitalize}.whitespace-nowrap{white-space:nowrap}.relative{position:relative}.absolute{position:absolute}.z-10{z-index:10}.left-4{left:16px}.top-8{top:32px}.bottom-0{bottom:0}.cursor-pointer{cursor:pointer}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.object-cover{object-fit:cover}.border{border:1px solid var(--border)}.rounded{border-radius:var(--radius-xs)}.rounded-md{border-radius:var(--radius-element)}.rounded-lg{border-radius:var(--radius-container)}.rounded-full{border-radius:var(--radius-pill)}.shadow-sm{box-shadow:var(--shadow-xs)}.bg-tertiary{background-color:var(--bg-muted)}.bg-border-subtle{background-color:var(--border)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-7{grid-template-columns:repeat(7,1fr)}.col-span-2{grid-column:span 2/span 2}.hidden{display:none}@media (width>=768px){.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}.text-indigo,.text-indigo-400,.text-indigo-600{color:var(--text-primary)}.text-emerald-400,.text-emerald-500,.text-emerald-600,.text-green-500{color:var(--green)}.text-purple-400,.text-purple-600{color:var(--purple)}.text-amber-400,.text-amber-500,.text-amber-600{color:var(--amber)}.text-cyan-400,.text-blue-500{color:var(--blue)}.text-rose-500{color:var(--red)}.bg-red-500{background-color:var(--red)}.bg-yellow-500{background-color:var(--amber)}.bg-blue-500{background-color:var(--blue)}.bg-emerald-500{background-color:var(--green)}.bg-indigo-50{background-color:var(--bg-muted)}.bg-emerald-50,.bg-green-500\/10{background-color:var(--green-bg)}.bg-purple-50{background-color:var(--purple-bg)}.bg-amber-50,.bg-amber-500\/10{background-color:var(--amber-bg)}.bg-pink-600{background-color:#db2777}.bg-red-800{background-color:#991b1b}.divide-x>*+*{border-left:none}.divide-y>*+*{border-top:1px solid var(--border-subtle)}.new-project-dialog{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:780px;max-height:calc(100vh - 48px);box-shadow:var(--shadow-xl);flex-direction:column;display:flex;overflow:hidden}.new-project-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px 16px;display:flex}.new-project-sub{color:var(--text-secondary);margin-top:2px;font-size:13px;line-height:18px}.new-project-body{grid-template-columns:minmax(0,1fr) 232px;gap:24px;padding:20px 24px;display:grid;overflow-y:auto}.new-project-form{flex-direction:column;gap:16px;min-width:0;display:flex}.new-project-identity{align-items:center;gap:12px;display:flex}.new-project-swatch{border-radius:var(--radius-element);color:#fff;letter-spacing:.02em;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:700;display:flex}.new-project-name-input{min-width:0;color:var(--text-primary);background:0 0;border:none;border-bottom:1px solid #0000;outline:none;flex:1;padding:4px 0;font-size:18px;font-weight:600;line-height:26px}.new-project-name-input::placeholder{color:var(--text-muted);font-weight:500}.new-project-name-input:focus{border-bottom-color:var(--border-strong)}.new-project-colors{flex-wrap:wrap;gap:8px;display:flex}.new-project-color{color:#fff;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;transition:transform .1s,box-shadow .1s;display:inline-flex}.new-project-color:hover{transform:scale(1.1)}.new-project-color.is-active{box-shadow:0 0 0 2px var(--bg-surface), 0 0 0 4px currentColor}.new-project-row{grid-template-columns:96px minmax(0,1fr);align-items:start;gap:12px;display:grid}.new-project-key-input{text-transform:uppercase;letter-spacing:.06em;font-weight:600}.new-project-hint{color:var(--text-muted);margin-top:4px;font-size:11px;line-height:16px}.new-project-templates{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.new-project-template{text-align:left;border:1px solid var(--border);border-radius:var(--radius-element);background-color:var(--bg-surface);flex-direction:column;align-items:flex-start;gap:2px;padding:10px;transition:border-color .1s,background-color .1s;display:flex}.new-project-template:hover{border-color:var(--border-strong)}.new-project-template.is-active{border-color:var(--text-primary);background-color:var(--bg-muted)}.new-project-template-icon{color:var(--text-secondary)}.new-project-template.is-active .new-project-template-icon{color:var(--text-primary)}.new-project-template-label{color:var(--text-primary);font-size:13px;font-weight:600}.new-project-template-blurb{color:var(--text-muted);font-size:11px;line-height:15px}.new-project-preview{flex-direction:column;gap:8px;display:flex}.new-project-preview-meta{flex-wrap:wrap;gap:6px;display:flex}.new-project-preview-chip{background-color:var(--bg-muted);color:var(--text-secondary);border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;line-height:16px;display:inline-flex}.new-project-foot{border-top:1px solid var(--border);background-color:var(--bg-shell);justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;display:flex}.new-project-foot .button-primary-sm:disabled{opacity:.45;cursor:not-allowed}@media (width<=720px){.new-project-body{grid-template-columns:minmax(0,1fr)}.new-project-preview{display:none}}.new-project-invite-field{border:1px solid var(--border);border-radius:var(--radius-element);background-color:var(--bg-surface);flex-wrap:wrap;align-items:center;gap:6px;min-height:38px;padding:6px;display:flex}.new-project-invite-field:focus-within{border-color:var(--text-primary);box-shadow:0 0 0 3px var(--accent-dim)}.new-project-invite{background-color:var(--bg-muted);color:var(--text-primary);border-radius:999px;align-items:center;gap:6px;padding:3px 6px 3px 4px;font-size:12px;line-height:18px;display:inline-flex}.new-project-invite>button{color:var(--text-muted);display:inline-flex}.new-project-invite>button:hover{color:var(--text-primary)}.new-project-invite-avatar{object-fit:cover;border-radius:999px;flex-shrink:0;width:18px;height:18px}.new-project-invite-input{min-width:140px;color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:2px 4px;font-size:13px;line-height:20px}.new-project-invite-input::placeholder{color:var(--text-muted)}.new-project-suggestions{border:1px solid var(--border);border-radius:var(--radius-element);flex-direction:column;margin-top:6px;display:flex;overflow:hidden}.new-project-suggestion{text-align:left;align-items:center;gap:8px;padding:6px 10px;font-size:12px;line-height:18px;transition:background-color .1s;display:flex}.new-project-suggestion+.new-project-suggestion{border-top:1px solid var(--border)}.new-project-suggestion:hover{background-color:var(--bg-muted)}.new-project-suggestion-email{color:var(--text-primary)}.new-project-suggestion-context{color:var(--text-muted);margin-left:auto;font-size:11px}.new-project-color.is-pale{color:var(--text-primary);box-shadow:inset 0 0 0 1px var(--border-strong)}.new-project-color.is-pale.is-active{box-shadow:inset 0 0 0 1px var(--border-strong), 0 0 0 2px var(--bg-surface), 0 0 0 4px var(--text-primary)}.new-project-preview-faces{display:inline-flex}.new-project-preview-faces img{object-fit:cover;border:1.5px solid var(--bg-muted);border-radius:999px;width:16px;height:16px}.new-project-preview-faces img+img{margin-left:-6px}.project-group-tools{opacity:0;align-items:center;gap:2px;transition:opacity .1s;display:inline-flex}.flex:hover>.flex>.project-group-tools,.project-group-tools:focus-within{opacity:1}.project-group-tools button{border-radius:var(--radius-sm);width:22px;height:22px;color:var(--text-muted);justify-content:center;align-items:center;display:inline-flex}.project-group-tools button:hover{color:var(--text-primary);background-color:var(--bg-muted)}.project-group-rename{width:200px;height:30px;font-size:15px;font-weight:600}.project-group-add{border:1px dashed var(--border-strong);border-radius:var(--radius-element);color:var(--text-muted);align-items:center;gap:8px;padding:12px 14px;font-size:13px;font-weight:500;transition:color .1s,border-color .1s;display:flex}.project-group-add:hover{color:var(--text-primary);border-color:var(--text-primary)}.project-group-add.is-editing{cursor:default}.project-group-add.is-editing:hover{color:var(--text-muted);border-color:var(--border-strong)}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:none}}@keyframes pop-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:none}}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in-right{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.animate-fade-in,.animate-rise{animation:rise-in var(--dur) var(--ease-out) backwards}.animate-pop{animation:pop-in var(--dur-fast) var(--ease-spring) backwards}.animate-slide-in{animation:slide-in-right var(--dur) var(--ease-out) backwards}.stagger>*{animation:rise-in var(--dur) var(--ease-out) backwards}.stagger>:first-child{animation-delay:0s}.stagger>:nth-child(2){animation-delay:30ms}.stagger>:nth-child(3){animation-delay:60ms}.stagger>:nth-child(4){animation-delay:90ms}.stagger>:nth-child(5){animation-delay:.12s}.stagger>:nth-child(6){animation-delay:.15s}.stagger>:nth-child(7){animation-delay:.18s}.stagger>:nth-child(8){animation-delay:.21s}.stagger>:nth-child(9){animation-delay:.24s}.stagger>:nth-child(n+10){animation-delay:.27s}.modal-backdrop{animation:backdrop-in var(--dur-fast) ease-out backwards}.modal-dialog-box,.new-project-dialog,.command-palette-container{animation:dialog-in var(--dur) var(--ease-out) backwards}.dropdown-menu{animation:menu-in var(--dur-fast) var(--ease-out) backwards;transform-origin:top}.button-primary-sm,.button-primary-full,.button-secondary-sm,.button-secondary-full,.action-btn,.segmented-btn,.header-icon-btn,.modal-close-btn,.new-project-template,.new-project-color,.project-group-add{transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), transform var(--dur-instant) var(--ease-out)}.button-primary-sm:active,.button-primary-full:active,.button-secondary-sm:active,.button-secondary-full:active,.action-btn:active,.segmented-btn:active,.header-icon-btn:active,.modal-close-btn:active,.new-project-template:active,.project-group-add:active{transform:scale(.97)}.new-project-color:active{transform:scale(.9)}.collavo-card,.astryx-card-surface,.stat-card-spark{transition:box-shadow var(--dur) var(--ease-out), transform var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out)}.project-bento:active{transform:translateY(-1px)scale(.995)}.project-bento-cover>:not(.project-bento-menu){transition:transform var(--dur-slow) var(--ease-out)}.project-bento:hover .project-bento-cover>:not(.project-bento-menu){transform:scale(1.04)}.kanban-card:hover{transform:translateY(-2px)}.kanban-card.dragging{transform:rotate(1.5deg)scale(.98)}.dropdown-item,.sidebar-item,.table-row,.project-list-row,.new-project-suggestion,.new-project-invite{transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out)}.dropdown-item:hover,.new-project-suggestion:hover,.sidebar-item:hover{transform:translate(2px)}.dropdown-item .check{transition:opacity var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-spring);transform:scale(.7)}.dropdown-item.selected .check{transform:scale(1)}.progress-bar-fill{transition:width var(--dur-slow) var(--ease-out)}.astryx-badge{transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out)}.custom-checkbox{transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), transform var(--dur-instant) var(--ease-out)}.custom-checkbox:active{transform:scale(.88)}.modal-input,.kanban-search-input,.astryx-input,.new-project-invite-field{transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out)}.project-group-tools{transition:opacity var(--dur-fast) var(--ease-out)}.project-bento-menu{transition:background-color var(--dur-fast) var(--ease-out), opacity var(--dur-fast) var(--ease-out)}.skeleton{border-radius:var(--radius-element);background:linear-gradient(90deg, var(--bg-muted) 25%, var(--bg-tertiary) 37%, var(--bg-muted) 63%);background-size:200% 100%;animation:1.4s linear infinite shimmer}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.project-bento:hover,.project-bento:hover .project-bento-cover>:not(.project-bento-menu),.kanban-card:hover,.dropdown-item:hover,.sidebar-item:hover{transform:none}}.ripple-layer{z-index:40;pointer-events:none;position:fixed;overflow:hidden}.ripple-ink{pointer-events:none;opacity:.16;animation:ripple-out .56s var(--ease-emphasized) forwards;background:currentColor;border-radius:50%;position:absolute;transform:scale(0)}@keyframes ripple-out{0%{opacity:.18;transform:scale(0)}60%{opacity:.12}to{opacity:0;transform:scale(1)}}.project-bento:before,.kanban-card:before{content:"";border-radius:inherit;pointer-events:none;z-index:1;opacity:0;transition:opacity var(--dur) var(--ease-out);background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%), color-mix(in srgb, var(--accent) 14%, transparent), transparent 65%);position:absolute;inset:0}.project-bento:hover:before,.kanban-card:hover:before{opacity:1}.kanban-card{position:relative}.project-bento{transition:transform var(--dur-spatial) var(--ease-spatial), box-shadow var(--dur) var(--ease-out), border-radius var(--dur) var(--ease-out), opacity var(--dur-fast) linear}.project-bento:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)scale(1.012)}.project-bento:active{border-radius:var(--radius-md);transform:translateY(-1px)scale(.985)}.kanban-card{transition:transform var(--dur-spatial) var(--ease-spatial), box-shadow var(--dur) var(--ease-out), border-color var(--dur-fast) var(--ease-out), border-radius var(--dur) var(--ease-out)}.kanban-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)scale(1.01)}.kanban-card:active{border-radius:var(--radius-sm);transform:scale(.985)}.button-primary-sm:hover,.button-primary-full:hover,.button-secondary-sm:hover,.button-secondary-full:hover,.action-btn:hover{transform:translateY(-1px)}.button-primary-sm,.button-primary-full,.button-secondary-sm,.button-secondary-full,.action-btn,.segmented-btn,.header-icon-btn,.modal-close-btn,.sidebar-item{transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), border-radius var(--dur) var(--ease-out), transform var(--dur) var(--ease-spatial)}.button-primary-sm:active,.button-primary-full:active,.button-secondary-sm:active,.button-secondary-full:active,.action-btn:active,.segmented-btn:active{border-radius:var(--radius-pill);transform:scale(.94)}.header-icon-btn svg,.modal-close-btn svg{transition:transform var(--dur) var(--ease-spatial)}.header-icon-btn:hover svg{transform:rotate(12deg)scale(1.12)}.modal-close-btn:hover svg{transform:rotate(90deg)}.header-icon-btn:active,.modal-close-btn:active{transform:scale(.88)}.sidebar-item.owns-nav-pill{view-transition-name:nav-pill}.sidebar-item:hover{transform:translate(3px)}.sidebar-item:active{border-radius:var(--radius-pill);transform:translate(3px)scale(.98)}.sidebar-item svg{transition:transform var(--dur) var(--ease-spatial)}.sidebar-item:hover svg{transform:scale(1.15)}.segmented-btn.active{animation:pop-in var(--dur) var(--ease-spatial) backwards}.project-bento-mark{transition:transform var(--dur-spatial) var(--ease-spatial)}.project-bento:hover .project-bento-mark{transform:scale(1.08)rotate(-3deg)}.project-bento-stat{transition:background-color var(--dur) var(--ease-out), transform var(--dur-spatial) var(--ease-spatial)}.project-bento:hover .project-bento-stat{transform:translateY(-1px)}.content-scrollable{view-transition-name:main-pane}::view-transition-old(main-pane){animation:vt-leave .18s var(--ease-emphasized) both}::view-transition-new(main-pane){animation:vt-enter var(--dur-spatial) var(--ease-spatial) both}::view-transition-group(nav-pill){animation-duration:var(--dur-spatial);animation-timing-function:var(--ease-spatial)}@keyframes vt-leave{to{opacity:0;transform:translateY(-6px)scale(.995)}}@keyframes vt-enter{0%{opacity:0;transform:translateY(10px)scale(.99)}}.stagger>*{animation-duration:var(--dur-spatial);animation-timing-function:var(--ease-spatial)}@media (prefers-reduced-motion:reduce){.ripple-ink,.project-bento:before,.kanban-card:before{display:none}.project-bento:hover,.kanban-card:hover,.button-primary-sm:hover,.button-secondary-sm:hover,.sidebar-item:hover,.sidebar-item:hover svg,.header-icon-btn:hover svg,.modal-close-btn:hover svg,.project-bento:hover .project-bento-mark,.project-bento:hover .project-bento-stat{transform:none}::view-transition-old(main-pane){animation:none}::view-transition-new(main-pane){animation:none}}.bento-projects{grid-template-columns:repeat(auto-fill,minmax(184px,1fr))}.dash-project{text-align:left;background-color:var(--bg-surface);border-radius:var(--radius-xl);min-width:0;transition:transform var(--dur-spatial) var(--ease-spatial), box-shadow var(--dur) var(--ease-out), border-radius var(--dur) var(--ease-out);flex-direction:column;gap:14px;padding:14px;display:flex;position:relative}.dash-project:before{content:"";border-radius:inherit;pointer-events:none;opacity:0;transition:opacity var(--dur) var(--ease-out);background:radial-gradient(180px circle at var(--mx,50%) var(--my,50%), color-mix(in srgb, var(--accent) 12%, transparent), transparent 65%);position:absolute;inset:0}.dash-project:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.dash-project:hover:before{opacity:1}.dash-project:active{border-radius:var(--radius-md);transform:translateY(-1px)scale(.99)}.dash-project-head{align-items:center;gap:8px;min-width:0;display:flex}.dash-project-mark{border-radius:var(--radius-element);background-color:var(--bg-muted);width:28px;height:28px;transition:transform var(--dur-spatial) var(--ease-spatial);flex-shrink:0;overflow:hidden}.dash-project:hover .dash-project-mark{transform:scale(1.08)rotate(-3deg)}.dash-project-mark img{object-fit:cover;width:100%;height:100%;display:block}.dash-project-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;line-height:18px;overflow:hidden}.dash-project-figure{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.dash-project-figure .display-num{font-size:30px;line-height:1}.dash-project-foot{flex-direction:column;gap:6px;display:flex}.dash-project-meta{color:var(--text-muted);font-size:11px;line-height:16px}.new-project-dashed-tile{min-height:132px}@media (prefers-reduced-motion:reduce){.dash-project:hover,.dash-project:hover .dash-project-mark{transform:none}.dash-project:before{display:none}}.onboarding-screen{z-index:80;background:radial-gradient(900px circle at 15% 10%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 60%), radial-gradient(700px circle at 85% 90%, color-mix(in srgb, var(--purple) 10%, transparent), transparent 60%), var(--bg-app);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.onboarding-card{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:640px;box-shadow:var(--shadow-xl);flex-direction:column;display:flex;overflow:hidden}.onboarding-head{border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:16px 20px;display:flex}.onboarding-steps{flex:1;align-items:center;gap:14px;min-width:0;display:flex;overflow:hidden}.onboarding-steps li{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.onboarding-step-dot{border:1px solid var(--border-strong);width:18px;height:18px;transition:background-color var(--dur) var(--ease-out), color var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out);border-radius:999px;justify-content:center;align-items:center;font-size:10px;font-weight:600;display:inline-flex}.onboarding-steps li.is-current{color:var(--text-primary);font-weight:600}.onboarding-steps li.is-current .onboarding-step-dot{background-color:var(--text-primary);color:var(--bg-surface);border-color:var(--text-primary)}.onboarding-steps li.is-done .onboarding-step-dot{background-color:var(--green);color:#fff;border-color:var(--green)}.onboarding-skip{color:var(--text-muted);font-size:13px}.onboarding-skip:hover{color:var(--text-primary)}.onboarding-skip.is-disabled{opacity:.35;cursor:not-allowed}.onboarding-skip.is-disabled:hover{color:var(--text-muted)}.onboarding-body{min-height:300px;padding:28px 28px 24px}.onboarding-title{letter-spacing:-.01em;font-size:26px;font-weight:600;line-height:34px}.onboarding-lede{color:var(--text-secondary);margin:6px 0 22px;font-size:14px;line-height:20px}.onboarding-hint{color:var(--text-muted);margin-top:10px;font-size:12px;line-height:18px}.onboarding-input{width:100%;height:46px;color:var(--text-primary);background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-element);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);padding:0 14px;font-size:16px;font-weight:500}.onboarding-input:focus{border-color:var(--text-primary);box-shadow:0 0 0 3px var(--accent-dim);outline:none}.onboarding-choices{flex-wrap:wrap;gap:8px;display:flex}.onboarding-choice{border-radius:var(--radius-pill);border:1px solid var(--border);color:var(--text-secondary);transition:border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur) var(--ease-spatial);align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:500;display:inline-flex}.onboarding-choice:hover{color:var(--text-primary);border-color:var(--border-strong)}.onboarding-choice:active{transform:scale(.96)}.onboarding-choice.is-active{background-color:var(--bg-muted);border-color:var(--text-primary);color:var(--text-primary)}.onboarding-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.onboarding-tiles-3{grid-template-columns:repeat(3,minmax(0,1fr))}.onboarding-tile{text-align:left;border:1px solid var(--border);border-radius:var(--radius-element);transition:border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out), transform var(--dur) var(--ease-spatial);flex-direction:column;align-items:flex-start;gap:4px;padding:14px;display:flex;position:relative}.onboarding-tile:hover{border-color:var(--border-strong)}.onboarding-tile:active{transform:scale(.985)}.onboarding-tile.is-active{border-color:var(--text-primary);background-color:var(--bg-muted)}.onboarding-tile-icon{color:var(--text-secondary)}.onboarding-tile.is-active .onboarding-tile-icon{color:var(--text-primary)}.onboarding-tile-label{color:var(--text-primary);font-size:14px;font-weight:600}.onboarding-tile-blurb{color:var(--text-muted);font-size:12px;line-height:17px}.onboarding-tile-check{color:var(--text-primary);position:absolute;top:12px;right:12px}.onboarding-foot{border-top:1px solid var(--border);background-color:var(--bg-shell);justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.onboarding-foot-actions{align-items:center;gap:8px;display:flex}.onboarding-kbd{border:1px solid var(--border-strong);border-radius:var(--radius-xs);min-width:24px;height:24px;font-family:var(--font-sans);color:var(--text-muted);background-color:var(--bg-surface);border-bottom-width:2px;justify-content:center;align-items:center;padding:0 6px;font-size:12px;line-height:1;display:inline-flex}.onboarding-foot .button-secondary-sm:disabled{opacity:.4;cursor:not-allowed}.onboarding-foot .button-primary-sm:disabled{opacity:.45;cursor:not-allowed}.getting-started-sub{color:var(--text-secondary);margin-top:2px;font-size:13px;line-height:18px}.getting-started-tools{align-items:center;gap:8px;display:flex}.getting-started-percent{color:var(--text-primary);font-size:13px;font-weight:600}.getting-started-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:8px;display:grid}.getting-started-item{background-color:var(--bg-surface);border-radius:var(--radius-element);transition:opacity var(--dur) var(--ease-out);align-items:center;gap:10px;padding:10px 12px;display:flex}.getting-started-item.is-done{opacity:.6}.getting-started-tick{border:1.5px solid var(--border-strong);color:#fff;width:18px;height:18px;transition:background-color var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.getting-started-item.is-done .getting-started-tick{background-color:var(--green);border-color:var(--green)}.getting-started-copy{flex-direction:column;flex:1;min-width:0;display:flex}.getting-started-label{color:var(--text-primary);font-size:13px;font-weight:600}.getting-started-item.is-done .getting-started-label{text-decoration:line-through}.getting-started-blurb{color:var(--text-muted);font-size:11px;line-height:16px}@media (width<=560px){.onboarding-tiles{grid-template-columns:minmax(0,1fr)}.onboarding-step-label{display:none}}.onboarding-generated{flex-wrap:wrap;gap:6px;display:flex}.onboarding-generated-chip{border-radius:var(--radius-pill);background-color:var(--bg-muted);color:var(--text-secondary);align-items:center;gap:5px;padding:5px 10px;font-size:12px;line-height:16px;display:inline-flex}img.is-logo{object-fit:contain;background-color:var(--bg-surface);border:1px solid var(--border);border-radius:inherit;box-sizing:border-box;padding:8%}.profile-menu-theme{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:12px;padding:6px 10px;font-size:13px;display:flex}.profile-menu-theme>span:first-child{align-items:center;gap:8px;display:inline-flex}.profile-menu-theme .theme-pill-btn{justify-content:center;align-items:center;width:26px;height:22px;padding:0;display:inline-flex}.tone-choices{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.tone-choice{border-radius:var(--radius-pill);border:1px solid var(--border);color:var(--text-secondary);transition:border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out), transform var(--dur) var(--ease-spatial);align-items:center;gap:7px;padding:5px 10px 5px 6px;font-size:12px;font-weight:500;display:inline-flex}.tone-choice:hover{color:var(--text-primary);border-color:var(--border-strong)}.tone-choice:active{transform:scale(.96)}.tone-choice.is-active{border-color:var(--text-primary);background-color:var(--bg-muted);color:var(--text-primary)}.tone-swatch{border-radius:999px;flex-shrink:0;width:18px;height:18px;box-shadow:inset 0 0 0 1px #0000001f}.onboarding-summary{flex-direction:column;gap:2px;margin-top:4px;display:flex}.onboarding-summary li{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:baseline;gap:16px;padding:7px 0;font-size:13px;display:flex}.onboarding-summary li:last-child{border-bottom:none}.onboarding-summary li>span:first-child{color:var(--text-muted)}.onboarding-summary li>span:last-child{color:var(--text-primary);text-align:right;min-width:0;font-weight:500}.sync-badge{border-radius:var(--radius-pill);background-color:var(--bg-muted);height:26px;color:var(--text-secondary);white-space:nowrap;cursor:default;transition:background-color var(--dur) var(--ease-out), color var(--dur) var(--ease-out);align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.sync-badge svg{display:block}.sync-badge.is-synced{color:var(--green)}.sync-badge.is-syncing{color:var(--accent-text)}.sync-badge.is-offline{color:var(--amber)}.sync-badge.is-error{color:var(--red)}.sync-badge-count{background-color:var(--bg-surface);min-width:16px;height:16px;color:var(--text-primary);border-radius:999px;justify-content:center;align-items:center;padding:0 4px;font-size:10px;font-weight:600;display:inline-flex}.sync-badge-spin{animation:1.2s linear infinite spin;display:inline-flex}@media (width<=900px){.sync-badge-label{display:none}}@media (prefers-reduced-motion:reduce){.sync-badge-spin{animation:none}}.zero-board-bar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.auth-loading{background-color:var(--bg-app);position:fixed;inset:0}.login-card{max-width:420px}.login-form{flex-direction:column;gap:14px;margin-top:4px;display:flex}.login-field{flex-direction:column;gap:4px;display:flex}.login-input-wrap{border:1px solid var(--border);border-radius:var(--radius-element);background-color:var(--bg-surface);height:42px;color:var(--text-muted);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);align-items:center;gap:10px;padding:0 12px;display:flex}.login-input-wrap:focus-within{border-color:var(--text-primary);box-shadow:0 0 0 3px var(--accent-dim)}.login-input{min-width:0;color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:14px}.login-input::placeholder{color:var(--text-placeholder)}.login-submit{justify-content:center;height:42px;margin-top:4px}.login-error{color:var(--red);background-color:var(--red-bg);border-radius:var(--radius-element);padding:8px 10px;font-size:13px;line-height:18px}.login-switch{color:var(--text-secondary);text-align:center;margin-top:16px;font-size:13px}.login-legal{color:var(--text-muted);text-align:center;margin-top:10px;font-size:12px;line-height:18px}.legal-dialog{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:680px;max-height:calc(100vh - 48px);box-shadow:var(--shadow-xl);animation:dialog-in var(--dur) var(--ease-out) backwards;flex-direction:column;display:flex;overflow:hidden}.legal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px 16px;display:flex}.legal-body{padding:20px 24px 28px;overflow-y:auto}.legal-section+.legal-section{margin-top:22px}.legal-section h3{color:var(--text-primary);margin-bottom:8px;font-size:14px;font-weight:600}.legal-section p{color:var(--text-secondary);font-size:13px;line-height:20px}.legal-section p+p{margin-top:8px}.legal-note{border-radius:var(--radius-element);background-color:var(--bg-muted);color:var(--text-muted);margin-top:26px;padding:12px 14px;font-size:12px;line-height:18px}.messages-layout{grid-template-columns:240px minmax(0,1fr);gap:16px;height:calc(100vh - 140px);min-height:420px;display:grid}.messages-rail{background-color:var(--bg-surface);border-radius:var(--radius-xl);flex-direction:column;gap:10px;padding:14px;display:flex;overflow:hidden}.messages-rail-head{justify-content:space-between;align-items:center;display:flex}.messages-new{padding-bottom:4px}.messages-channels{flex-direction:column;gap:2px;display:flex;overflow-y:auto}.messages-channel{border-radius:var(--radius-element);color:var(--text-secondary);text-align:left;transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);align-items:center;gap:8px;padding:7px 10px;font-size:13px;display:flex}.messages-channel:hover{background-color:var(--bg-muted);color:var(--text-primary)}.messages-channel.is-active{background-color:var(--bg-muted);color:var(--text-primary);font-weight:600}.messages-thread{background-color:var(--bg-surface);border-radius:var(--radius-xl);flex-direction:column;min-width:0;display:flex;overflow:hidden}.messages-thread-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:12px;padding:16px 20px;display:flex}.messages-scroll{flex-direction:column;flex:1;gap:10px;padding:16px 20px;display:flex;overflow-y:auto}.message-row{display:flex}.message-row.is-mine{justify-content:flex-end}.message-bubble{border-radius:var(--radius-element);background-color:var(--bg-muted);flex-direction:column;gap:3px;max-width:min(560px,78%);padding:9px 12px;display:flex}.message-row.is-mine .message-bubble{background-color:var(--accent);color:var(--accent-fg)}.message-author{color:var(--text-muted);font-size:11px;font-weight:600}.message-body{white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:19px}.message-attachment{opacity:.9;align-items:center;gap:5px;font-size:12px;text-decoration:underline;display:inline-flex}.message-time{opacity:.6;align-self:flex-end;font-size:10px}.messages-composer{border-top:1px solid var(--border);align-items:center;gap:8px;padding:12px 16px;display:flex}.messages-input{border:1px solid var(--border);border-radius:var(--radius-pill);background-color:var(--bg-surface);min-width:0;height:38px;color:var(--text-primary);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);flex:1;padding:0 12px;font-size:13px}.messages-input:focus{border-color:var(--text-primary);box-shadow:0 0 0 3px var(--accent-dim);outline:none}.messages-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:40px;display:flex}@media (width<=860px){.messages-layout{grid-template-columns:minmax(0,1fr);height:auto}.messages-rail{max-height:220px}}.landing{background-color:var(--bg-app);min-height:100vh;color:var(--text-primary);background-image:radial-gradient(900px circle at 12% -5%, var(--accent-dim), transparent 60%), radial-gradient(700px circle at 95% 8%, color-mix(in srgb, var(--purple) 12%, transparent), transparent 55%);background-attachment:fixed;flex-direction:column;display:flex}.landing-nav{justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:1240px;margin:0 auto;padding:18px clamp(16px,5vw,56px);display:flex}.landing-brand{letter-spacing:-.01em;font-size:16px;font-weight:700}.landing-nav-links{align-items:center;gap:18px;display:flex}.landing-main{flex:1;width:100%;max-width:1240px;margin:0 auto;padding:0 clamp(16px,5vw,56px) 64px}.landing-hero{max-width:760px;padding:clamp(40px,9vw,96px) 0 clamp(32px,6vw,64px)}.landing-eyebrow{border-radius:var(--radius-pill);background-color:var(--bg-muted);color:var(--text-secondary);letter-spacing:.02em;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.landing-title{letter-spacing:-.03em;margin:20px 0 18px;font-size:clamp(34px,6vw,60px);font-weight:600;line-height:1.06}.landing-lede{color:var(--text-secondary);max-width:620px;font-size:clamp(15px,1.6vw,18px);line-height:1.6}.landing-cta{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.landing-cta-main{height:42px;padding:0 20px;font-size:14px}.landing-fineprint{color:var(--text-muted);margin-top:14px;font-size:12px}.landing-bento{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.landing-tile{border-radius:var(--radius-xl);background-color:var(--bg-surface);transition:transform var(--dur-spatial) var(--ease-spatial), box-shadow var(--dur) var(--ease-out);flex-direction:column;gap:8px;padding:22px;display:flex}.landing-tile:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.landing-tile.is-wide{grid-column:span 2}.landing-tile.is-feature{background-color:var(--bento-accent-bg);grid-column:1/-1}.landing-tile-icon{border-radius:var(--radius-element);background-color:var(--bg-muted);width:34px;height:34px;color:var(--text-primary);justify-content:center;align-items:center;display:inline-flex}.landing-tile-title{letter-spacing:-.01em;font-size:16px;font-weight:600}.landing-tile-body{color:var(--text-secondary);font-size:13px;line-height:20px}.landing-chips{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.landing-chip{border-radius:var(--radius-pill);background-color:var(--bg-surface);color:var(--text-secondary);align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:500;display:inline-flex}.landing-close{border-radius:var(--radius-xl);background-color:var(--bg-surface);flex-direction:column;align-items:flex-start;gap:14px;margin-top:56px;padding:clamp(28px,5vw,52px);display:flex}.landing-close-title{letter-spacing:-.02em;font-size:clamp(22px,3vw,32px);font-weight:600}.landing-foot{border-top:1px solid var(--border);width:100%;max-width:1240px;color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:22px clamp(16px,5vw,56px);font-size:12px;display:flex}.landing-foot-links{flex-wrap:wrap;gap:16px;display:flex}@media (width<=900px){.landing-bento{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.landing-bento{grid-template-columns:minmax(0,1fr)}.landing-tile.is-wide{grid-column:auto}}.login-back{align-items:center;gap:5px;margin-bottom:16px;font-size:13px;display:flex}.login-sso{flex-direction:column;gap:8px;display:flex}.login-sso-btn{justify-content:center;gap:10px;height:42px}.login-divider{color:var(--text-muted);align-items:center;gap:12px;margin:16px 0 4px;font-size:12px;display:flex}.login-divider:before,.login-divider:after{content:"";background-color:var(--border);flex:1;height:1px}.login-consent{color:var(--text-secondary);align-items:flex-start;gap:9px;font-size:12px;line-height:18px;display:flex}.login-consent .custom-checkbox{margin-top:1px}.login-notice{color:var(--text-secondary);background-color:var(--bg-muted);border-radius:var(--radius-element);padding:9px 11px;font-size:13px;line-height:18px}.app-logo{color:var(--text-primary);align-items:center;gap:9px;display:inline-flex}.app-logo-word{letter-spacing:-.02em;font-weight:700;line-height:1}.app-logo-beta{border-radius:var(--radius-pill);background-color:var(--bg-muted);color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase;align-items:center;padding:2px 7px;font-size:10px;font-weight:700;display:inline-flex}.app-logo svg,.sidebar-brand-group svg,.onboarding-head>svg{--logo-cut:var(--bg-surface)}.sidebar-brand-group{min-width:0;color:var(--sidebar-text-active);align-items:center;gap:8px;display:inline-flex}.sidebar-brand-group svg{--logo-cut:var(--sidebar-bg)}.login-logo{margin-bottom:18px}.landing-foot-brand{align-items:center;gap:8px;display:inline-flex}.landing-foot-brand svg{--logo-cut:var(--bg-app)}.account-identity{border-radius:var(--radius-md,8px);align-items:center;gap:16px;padding:12px;display:flex}.account-photo{cursor:pointer;transition:transform var(--dur-2,.16s) var(--ease-spatial,ease);background:0 0;border:none;border-radius:50%;flex-shrink:0;padding:0;display:block;position:relative}.account-photo:hover:not(:disabled){transform:scale(1.04)}.account-photo:disabled{cursor:progress}.account-photo-overlay{color:#fff;opacity:0;transition:opacity var(--dur-2,.16s) var(--ease-spatial,ease);background:#00000073;border-radius:50%;place-items:center;display:grid;position:absolute;inset:0}.account-photo:hover .account-photo-overlay,.account-photo:focus-visible .account-photo-overlay,.account-photo:disabled .account-photo-overlay{opacity:1}.notification-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.notification-row{text-align:left;background:var(--bg-muted);border-radius:var(--radius-md,8px);cursor:pointer;width:100%;transition:background var(--dur-2,.16s) var(--ease-spatial,ease), border-color var(--dur-2,.16s) var(--ease-spatial,ease), transform var(--dur-2,.16s) var(--ease-spatial,ease);border:1px solid #0000;align-items:flex-start;gap:12px;padding:10px 12px;display:flex}.notification-row:hover{border-color:var(--border);transform:translate(2px)}.notification-row.is-unread{background:var(--bg-surface);border-color:var(--border)}.notification-icon{width:26px;height:26px;color:var(--text-secondary);background:var(--bg-surface);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.notification-row.is-unread .notification-icon{color:var(--accent)}.notification-icon.kind-task-overdue{color:var(--red)}.notification-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.notification-title{color:var(--text-primary);font-size:13px;font-weight:500}.notification-detail{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.notification-time{color:var(--text-muted);margin-top:2px;font-size:10px}.notification-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:6px}.notification-empty{text-align:center;color:var(--text-secondary);flex-direction:column;align-items:center;gap:6px;padding:28px 16px;display:flex}.notification-answer{justify-content:flex-end;gap:8px;padding:8px 12px 0;display:flex}.people-badge{height:24px;color:var(--text-secondary);background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-pill,999px);align-items:center;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.people-pending-mark{width:28px;height:28px;color:var(--text-muted);background:var(--bg-muted);border:1px dashed var(--border);border-radius:50%;place-items:center;display:grid}.invite-field{flex-direction:column;align-items:flex-end;gap:0;display:inline-flex}.invite-suggestions{background:var(--bg-surface);width:288px}.new-project-suggestion.is-active{background-color:var(--bg-muted)}.landing-doors{border-top:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-top:20px;padding-top:20px;display:grid}.landing-door-title{color:var(--text-primary);margin:0 0 4px;font-size:13px;font-weight:600}.landing-door-body{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.6}.landing-faq{max-width:720px;margin:0 auto;padding:64px 24px 0}.landing-section-title{letter-spacing:-.5px;color:var(--text-primary);margin:0 0 24px;font-size:26px;font-weight:600}.landing-faq-list{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.landing-faq-item{border:1px solid var(--border);border-radius:var(--radius-md,10px);background:var(--bg-surface);padding:14px 18px}.landing-faq-q{color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;list-style:none}.landing-faq-q::-webkit-details-marker{display:none}.landing-faq-q:after{content:"＋";float:right;color:var(--text-muted);font-weight:400}.landing-faq-item[open] .landing-faq-q:after{content:"－"}.landing-faq-a{color:var(--text-secondary);margin:10px 0 0;font-size:13px;line-height:1.7}.import-dialog{width:calc(100vw - 48px);max-width:640px}.import-drop{text-align:center;color:var(--text-secondary);border:1px dashed var(--border);border-radius:var(--radius-md,10px);flex-direction:column;align-items:center;gap:10px;padding:32px 24px;display:flex}.import-summary{color:var(--text-secondary);margin:0 0 16px;font-size:13px}.import-mapping{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:20px;display:grid}.import-map-row{flex-direction:column;gap:4px;display:flex}.import-required{color:var(--red)}.import-preview{border:1px solid var(--border);border-radius:var(--radius-md,8px);margin:8px 0 16px;overflow-x:auto}.import-preview table{border-collapse:collapse;width:100%;font-size:12px}.import-preview th,.import-preview td{text-align:left;white-space:nowrap;border-bottom:1px solid var(--border);padding:8px 10px}.import-preview th{color:var(--text-muted);background:var(--bg-muted);font-weight:500}.import-preview tr:last-child td{border-bottom:none}.import-unmatched{color:var(--text-muted);font-style:italic}.import-done{flex-direction:column;gap:6px;padding:12px 0;display:flex}