:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";font-size:16px;line-height:1.55;color:#333;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--topbar-h: 80px;--sidebar-w: 200px;--sidebar-w-collapsed: 68px;--sidebar-current: 200px;--c-ink: #333333;--c-sub: #424242;--c-sub-hover: #adadad;--c-active: #e7e7e9;--c-line: #e7e7e9;--c-hover-soft: #f0f0f0;--c-blue: #4b7dff}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;min-width:320px}body{min-height:100vh;background:#fff;color:var(--c-ink)}button,input{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0;cursor:pointer}a{color:inherit;text-decoration:none}ul{margin:0;padding:0;list-style:none}.ico-host{display:inline-flex;align-items:center;justify-content:center}.ico-host>svg{display:block}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;margin:-1px;border:0;padding:0;clip:rect(0,0,0,0);white-space:nowrap}.app-shell{--sidebar-current: var(--sidebar-w);min-height:100vh;background:#fff}.app-shell.is-sidebar-collapsed{--sidebar-current: var(--sidebar-w-collapsed)}.topbar{position:fixed;z-index:200;top:0;right:0;left:var(--sidebar-current);display:flex;height:var(--topbar-h);align-items:flex-start;gap:14px;padding:12px 16px 0;background:#fff;transition:left .3s cubic-bezier(.4,0,.2,1)}.topbar-right{display:flex;height:32px;flex-shrink:0;align-items:center;justify-content:flex-end;margin-left:auto}.login-btn{height:30px;min-width:88px;border-radius:19px;background:var(--c-blue);padding:0 12px;color:#fff;font-size:14px;font-weight:500;line-height:20px;white-space:nowrap}.login-btn:hover{background:#3d70f5}.mobile-menu-trigger,.mobile-brand{display:none}.sidebar-shell{position:fixed;z-index:100;top:0;bottom:0;left:0;display:flex;width:var(--sidebar-current);min-width:var(--sidebar-current);flex-direction:column;background:transparent;color:var(--c-ink);transition:width .3s cubic-bezier(.4,0,.2,1),min-width .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.sidebar-head{flex:0 0 auto}.sidebar-head-inner{position:relative;display:flex;height:80px;align-items:center;padding:0 12px 12px}.brand-lockup{display:flex;margin-left:12px;align-items:center;gap:8px;cursor:pointer}.brand-logo{display:block;height:36px;width:auto;max-width:140px;flex:0 0 auto;object-fit:contain;mix-blend-mode:multiply}.brand-name{color:#17171a;font-family:PingFang SC,HarmonyOS Sans SC,Source Han Sans SC,Noto Sans SC,Microsoft YaHei,-apple-system,Segoe UI,sans-serif;font-size:17px;font-weight:600;letter-spacing:.02em;line-height:24px;white-space:nowrap}.sidebar-collapse{position:absolute;top:4px;right:6px;bottom:12px;display:flex;width:28px;height:28px;margin:auto 0;align-items:center;justify-content:center;border-radius:8px;background:transparent;color:var(--c-ink);transition:background-color .2s,opacity .16s ease}.sidebar-collapse:hover{background:var(--c-hover-soft)}.sidebar-collapse .collapse-ico{width:20px;height:20px;flex:0 0 20px}.sidebar-collapse .collapse-ico>svg{width:20px;height:20px;min-width:20px;display:block}.sidebar-collapse .collapse-ico--panel{display:flex}.sidebar-main{display:flex;min-height:0;flex:1;flex-direction:column}.sidebar-scroll{min-height:0;flex:1;overflow-y:auto;scrollbar-width:none}.sidebar-scroll::-webkit-scrollbar{display:none}.sidebar-nav{display:flex;width:100%;flex-direction:column;gap:12px;padding:0 12px}.nav-item{display:block}.nav-group{display:flex;flex-direction:column;gap:4px}.nav-group+.nav-group{margin-top:20px}.nav-group-label{display:flex;align-items:center;padding:0 12px 6px}.nav-group-text{color:#9a9ca1;font-size:11px;font-weight:600;letter-spacing:.06em;white-space:nowrap}.sidebar-shell.is-collapsed .nav-group+.nav-group{border-top:1px solid var(--c-line);margin-top:14px;padding-top:14px}.sidebar-shell.is-collapsed .nav-group-label{display:none}.nav-row{position:relative;display:block;width:100%;border-radius:8px;background:transparent;padding:8px 12px;color:var(--c-ink);text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none}.nav-row:hover,.nav-row.is-active{background:var(--c-active)}.nav-row:focus-visible{outline:2px solid var(--c-blue);outline-offset:2px}.nav-row-inner{display:flex;align-items:center;justify-content:space-between;color:var(--c-ink)}.nav-row-left{display:flex;min-width:0;align-items:center}.nav-icon{display:flex;width:20px;height:20px;flex-shrink:0;align-items:center;justify-content:center}.nav-icon .ico{color:inherit}.nav-label{margin-left:10px;color:var(--c-ink);font-size:14px;font-weight:500;line-height:20px;white-space:nowrap}.nav-chevron{width:12px;height:12px;flex-shrink:0;color:var(--c-ink);transform:rotate(180deg);transition:transform .2s}.nav-chevron.is-closed{transform:rotate(0)}.nav-chevron .ico-chevron{width:12px;height:12px}.sidebar-foot{flex:0 0 auto}.sidebar-foot-inner{display:flex;width:100%;flex-direction:column;gap:12px;padding:12px 12px 20px}.sidebar-divider{height:1px;flex:0 0 1px;background:var(--c-line)}.sidebar-login{display:flex;width:100%;height:36px;align-items:center;gap:10px;border-radius:8px;background:#3370ff;padding:8px 12px;color:#fff;cursor:pointer;transition:background-color .16s ease,box-shadow .16s ease}.sidebar-login:hover{background:#245bdb;box-shadow:0 6px 16px #3370ff3d}.sidebar-login:focus-visible{outline:2px solid var(--c-blue);outline-offset:2px}.sidebar-login-icon{width:20px;height:20px;flex:0 0 20px}.sidebar-login-icon .ico{width:20px;height:20px}.sidebar-login-label{color:#fff;font-size:14px;font-weight:500;line-height:20px;white-space:nowrap}.sidebar-user{position:relative;display:flex;width:100%;height:44px;align-items:center;gap:8px;border-radius:8px;background:transparent;padding:6px;transition:background-color .16s ease}.sidebar-user:hover{background:var(--c-hover-soft)}.sidebar-user-avatar{width:32px;height:32px;flex:0 0 32px;border-radius:50%;background:var(--c-active);object-fit:cover}.sidebar-user-avatar--initial{display:grid;place-items:center;background:linear-gradient(135deg,#4b7dff,#6aa6ff);color:#fff;font-size:14px;font-weight:600}.sidebar-user-text{display:flex;min-width:0;flex:1;flex-direction:column;gap:1px}.sidebar-user-name{overflow:hidden;color:var(--c-ink);font-size:13px;font-weight:500;line-height:17px;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-company{overflow:hidden;color:#9a9ca1;font-size:11px;line-height:14px;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-logout{display:grid;width:26px;height:26px;flex:0 0 26px;place-items:center;border-radius:6px;background:transparent;color:#9a9ca1;opacity:0;transition:opacity .16s ease,background-color .16s ease,color .16s ease}.sidebar-user:hover .sidebar-user-logout,.sidebar-user-logout:focus-visible{opacity:1}.sidebar-user-logout:hover{background:#e7e7e9;color:#3f4044}.sidebar-user-logout .ico{width:16px;height:16px}.sidebar-user-reauth{display:grid;width:26px;height:26px;flex:0 0 26px;place-items:center;border-radius:6px;background:transparent;color:#9a9ca1;transition:background-color .16s ease,color .16s ease}.sidebar-user-reauth:hover{background:#e7e7e9;color:#3f4044}.sidebar-user-reauth .ico{width:16px;height:16px}@media(hover:none){.sidebar-user-logout{opacity:1}}@media(min-width:761px){.sidebar-shell.is-collapsed .sidebar-head-inner{justify-content:center}.sidebar-shell.is-collapsed .brand-lockup{margin-left:0;gap:0;transition:opacity .16s ease}.sidebar-shell.is-collapsed .brand-name{display:none}.sidebar-shell.is-collapsed .brand-logo{height:26px;width:30px;max-width:30px;object-fit:cover;object-position:left center}.sidebar-shell.is-collapsed .sidebar-collapse{right:auto;left:50%;transform:translate(-50%);opacity:0;pointer-events:none}.sidebar-shell.is-collapsed .sidebar-head:hover .brand-lockup{opacity:0}.sidebar-shell.is-collapsed .sidebar-head:hover .sidebar-collapse{opacity:1;pointer-events:auto}.sidebar-shell.is-collapsed .collapse-ico--panel{transform:rotate(180deg)}.sidebar-shell.is-collapsed .nav-label,.sidebar-shell.is-collapsed .nav-chevron{display:none}.sidebar-shell.is-collapsed .nav-row-inner{justify-content:center}.sidebar-shell.is-collapsed .sidebar-foot-inner{padding:12px 12px 20px}.sidebar-shell.is-collapsed .sidebar-login{justify-content:center;padding:8px 0}.sidebar-shell.is-collapsed .sidebar-login-label{display:none}.sidebar-shell.is-collapsed .sidebar-user{justify-content:center;padding:6px 0}.sidebar-shell.is-collapsed .sidebar-user-text,.sidebar-shell.is-collapsed .sidebar-user-logout{display:none}}.workspace{min-height:100vh;margin-left:var(--sidebar-current);padding:var(--topbar-h) 16px 32px;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.workspace-body{max-width:1408px}.modal{max-height:calc(100vh - 32px);overflow-y:auto;overscroll-behavior:contain}@supports (height: 100dvh){.modal{max-height:calc(100dvh - 32px)}}.route-forward-leave-active,.route-back-leave-active,.route-fade-leave-active{position:absolute;top:var(--topbar-h);right:16px;left:calc(var(--sidebar-current) + 16px);pointer-events:none}.route-forward-enter-active,.route-back-enter-active{transition:opacity .26s ease,transform .3s cubic-bezier(.22,.68,.24,1)}.route-forward-leave-active,.route-back-leave-active,.route-fade-leave-active{transition:opacity .14s ease}.route-forward-enter-from{opacity:0;transform:translate3d(24px,0,0) scale(.994)}.route-forward-leave-to{opacity:0}.route-back-enter-from{opacity:0;transform:translate3d(-24px,0,0) scale(.994)}.route-back-leave-to{opacity:0}.route-fade-enter-active{transition:opacity .24s ease}.route-fade-enter-from,.route-fade-leave-to{opacity:0}@media(max-width:760px){.route-forward-leave-active,.route-back-leave-active,.route-fade-leave-active{left:12px;right:12px}}.hero-grid{display:grid;grid-template-columns:1.6fr .9fr .9fr;gap:10px}.hero-card{position:relative;min-height:172px;overflow:hidden;border-radius:10px;padding:24px;color:#fff;transition:transform .3s ease,box-shadow .3s ease}.hero-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px #0f172a2e}.hero-card--primary{background:radial-gradient(circle at top right,#6ea8fe,#245bcd)}.hero-card--dark{background:linear-gradient(135deg,#292a2e,#3f4044)}.hero-card--light{background:linear-gradient(135deg,#f6f8ff,#edf2ff);color:#242424}.hero-card h1{margin:14px 0 8px;font-size:32px;letter-spacing:-.5px;line-height:1.25}.hero-card p{margin:0 0 14px;color:#ffffffc7;font-size:15px}.hero-card--light p{color:#5c5d63}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#ffffffc7;font-size:12px;letter-spacing:.8px}.eyebrow:before{width:22px;height:2px;background:#ffffffbf;content:""}.card-kicker{display:block;color:#ffffffb8;font-size:12px;letter-spacing:.6px}.hero-card--light .card-kicker{color:#6f7074}.hero-card strong{display:block;margin:6px 0;font-size:44px;letter-spacing:-.8px}.hero-card small{color:#ffffffb8;font-size:13px}.hero-card--light small{color:#6f7074}.hero-orbit{position:absolute;right:26px;bottom:14px;width:110px;height:110px}.hero-orbit span{position:absolute;border-radius:50%}.hero-orbit span:nth-child(1){top:24px;right:24px;bottom:24px;left:24px;background:#ffffff2e}.hero-orbit span:nth-child(2){top:14px;right:14px;width:42px;height:42px;background:#ffffff47}.hero-card--light .hero-orbit span{background:#3777f624}.hero-card--light .hero-orbit span:nth-child(2){background:#3777f638}.mini-bars{display:flex;align-items:flex-end;gap:6px;height:32px;margin-top:18px}.mini-bars i{width:8px;border-radius:4px;background:#ffffff73}.hero-card--light .mini-bars i{background:#c7dbfe}.mini-bars i:nth-child(1){height:14px}.mini-bars i:nth-child(2){height:22px}.mini-bars i:nth-child(3){height:26px}.mini-bars i:nth-child(4){height:18px}.mini-bars i:nth-child(5){height:24px}.section-title-row{display:flex;align-items:center;justify-content:space-between;margin-top:28px}.section-title-row h2{margin:0;font-size:20px}.outline-action{display:inline-flex;align-items:center;gap:6px;height:34px;border-radius:17px;border:1px solid #d9d9db;padding:0 14px;color:#3f4044;font-size:13px;font-weight:600;background:transparent;transition:border-color .2s ease,color .2s ease,transform .2s ease}.outline-action:hover{border-color:#3977f6;color:#3977f6;transform:translateY(-1px)}.module-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.module-card{position:relative;display:flex;min-height:96px;border-radius:12px;border:1px solid #ededee;padding:14px;gap:12px;transition:transform .25s ease,box-shadow .25s ease,border-color .2s ease}.module-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px #0f172a1a;border-color:#d9d9db}.module-card--peach{border-color:#ffe1d4;background:linear-gradient(90deg,#fff5f0,#fff)}.module-card--blue{border-color:#dce7ff;background:linear-gradient(90deg,#f1f6ff,#fff)}.module-icon{width:34px;height:34px;flex:0 0 34px;border-radius:9px;background:#c7edfb;transition:transform .3s ease}.module-card:hover .module-icon{transform:scale(1.08) rotate(-4deg)}.module-card--peach .module-icon{background:#ffd0bc}.module-card--blue .module-icon{background:#cfe0ff}.module-card strong{display:block;font-size:16px}.module-card p{overflow:hidden;margin:5px 0 0;color:#8a8b8e;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.module-badge{margin-left:auto;border-radius:12px;background:#ff5b7d;padding:3px 8px;color:#fff;font-size:11px;font-weight:700;transition:transform .2s ease}.module-card:hover .module-badge{transform:translate(3px)}.content-section{margin-top:35px}.tabs{display:flex;gap:38px;border-bottom:1px solid #ededee}.tabs button{position:relative;padding:14px 0 15px;background:transparent;color:#7a7b80;font-size:16px;transition:color .2s ease}.tabs button.is-selected{color:#242424;font-weight:600}.tabs button.is-selected:after{position:absolute;right:0;bottom:-1px;left:0;height:3px;border-radius:3px 3px 0 0;background:#3977f6;content:""}.tabs button:hover{color:#242424}.content-toolbar{display:flex;min-height:58px;align-items:center;gap:10px;overflow-x:auto;scrollbar-width:none}.content-toolbar::-webkit-scrollbar{display:none}.filter-chip{flex:0 0 auto;height:32px;border-radius:8px;border:1px solid transparent;background:#fff;padding:0 12px;color:#74757a;font-size:13px;transition:background .2s ease,color .2s ease,transform .2s ease,border-color .2s ease}.filter-chip:hover{border-color:#d9d9db;transform:translateY(-1px)}.filter-chip.is-selected{background:#f1f2f4;color:#323337;font-weight:600}.toolbar-spacer{flex:1}.toolbar-button{display:inline-flex;flex:0 0 auto;min-width:82px;align-items:center;justify-content:center;height:34px;border:1px solid #e4e6e9;border-radius:17px;background:#fff;color:#3f4044;font-size:13px;transition:transform .2s ease,box-shadow .2s ease}.toolbar-button:hover{transform:translateY(-1px);box-shadow:0 10px 20px #00000014}.empty-board{display:flex;min-height:312px;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #e4e6e9;border-radius:14px;background:linear-gradient(180deg,#fbfcff,#fff);text-align:center;transition:border-color .3s ease,background .3s ease}.empty-board:hover{border-color:#d9d9db;background:linear-gradient(180deg,#f8faff,#fff)}.empty-illustration{position:relative;width:150px;height:90px;margin-bottom:8px}.empty-illustration span{position:absolute;display:block;border-radius:50%;transition:transform .35s ease}.empty-illustration span:nth-child(1){top:15px;left:39px;width:76px;height:50px;background:#dbe8ff;transform:rotate(-25deg)}.empty-illustration span:nth-child(2){top:10px;right:30px;width:39px;height:39px;background:#ffd9cf}.empty-illustration span:nth-child(3){bottom:6px;left:54px;width:47px;height:47px;background:#d9f2e8}.empty-board h3{margin:0;font-size:17px}.empty-board p{margin:8px 0 17px;color:#999ba0;font-size:13px}.primary-action{border-radius:20px;background:#3977f6;padding:10px 19px;color:#fff;font-size:13px;font-weight:600;transition:transform .2s ease,box-shadow .25s ease}.primary-action:hover{transform:translateY(-1px);box-shadow:0 14px 28px #3777f647}.mobile-backdrop{display:none}@media(max-width:1080px){.topbar{gap:10px}.hero-card h1{font-size:29px}}@media(max-width:760px){.app-shell,.app-shell.is-sidebar-collapsed{--sidebar-current: 0px}.mobile-menu-trigger{position:fixed;z-index:210;top:12px;left:12px;display:flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:9px;background:transparent;color:#292a2e}.mobile-menu-trigger .ico{width:22px;height:22px}.mobile-brand{display:inline-flex;align-items:center;gap:6px;margin-right:auto}.mobile-brand .brand-logo{height:24px;width:auto;max-width:120px}.mobile-brand .brand-name{font-size:16px}.topbar{align-items:center;padding:12px 12px 0 50px}.topbar-right{margin-left:auto}.login-btn{height:30px;min-width:76px}.sidebar-shell{z-index:205;width:min(240px,80vw);min-width:0;background:#fff;box-shadow:12px 0 32px #0000001f;transform:translate(-104%)}.sidebar-shell.is-mobile-open{transform:translate(0)}.sidebar-shell .sidebar-collapse{display:none}.mobile-backdrop{position:fixed;z-index:204;display:block;top:0;right:0;bottom:0;left:0;background:#1012183d}.workspace{padding:56px 12px 32px}.hero-grid{display:flex;flex-direction:column}.hero-card{min-height:153px;padding:20px}.hero-card--dark,.hero-card--light{min-height:110px}.hero-card h1{font-size:27px}.module-cards{display:flex;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.module-cards::-webkit-scrollbar{display:none}.module-card{min-width:220px}.tabs{justify-content:space-between;gap:14px}.tabs button{font-size:14px}.toolbar-spacer,.toolbar-button{display:none}}.backdrop-enter-active,.backdrop-leave-active{transition:opacity .25s ease}.backdrop-enter-from,.backdrop-leave-to{opacity:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;border-radius:18px;border:0;background:var(--c-blue);padding:0 16px;color:#fff;font-size:13px;font-weight:600;white-space:nowrap;transition:transform .18s ease,box-shadow .2s ease,background-color .18s ease}.primary-btn:hover:not(:disabled){background:#3d70f5;transform:translateY(-1px);box-shadow:0 8px 18px #4b7dff3d}.primary-btn:active:not(:disabled){transform:translateY(0) scale(.98);box-shadow:none}.primary-btn:disabled{background:#c8d3ea;cursor:not-allowed}.primary-btn.danger-btn{background:#e05252}.primary-btn.danger-btn:hover:not(:disabled){background:#cf4141}.outline-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;border-radius:18px;border:1px solid #e2e3e6;background:#fff;padding:0 14px;color:#3f4044;font-size:13px;font-weight:500;white-space:nowrap;transition:transform .18s ease,box-shadow .2s ease,border-color .18s ease,background-color .18s ease}.outline-btn:hover:not(:disabled){border-color:#cfd3da;transform:translateY(-1px);box-shadow:0 6px 16px #1e283c14}.outline-btn:active:not(:disabled){transform:translateY(0) scale(.98);box-shadow:none}.outline-btn:disabled{color:#b6b8bd;background:#fafafb;border-color:#ecedef;cursor:not-allowed}.toast{position:fixed;z-index:1000;bottom:28px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;max-width:min(560px,calc(100vw - 48px));border-radius:10px;background:#24262b;padding:10px 18px;color:#fff;font-size:13px;line-height:1.5;text-align:center;box-shadow:0 12px 32px #141a2647}.toast-detail{font-size:11px;letter-spacing:.2px;opacity:.72}.toast.is-error{background:#b93c3c}.toast.is-success{background:#2f7d4a}.toast-enter-active,.toast-leave-active{transition:opacity .2s ease,transform .2s ease}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%,8px)}.confirm-overlay{position:fixed;z-index:950;display:grid;place-items:center;top:0;right:0;bottom:0;left:0;background:#141a266b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.confirm-box{width:min(400px,calc(100vw - 48px));border:1px solid #e6e7ea;border-radius:14px;background:#fff;padding:22px 24px;box-shadow:0 24px 64px #141c2c33;animation:dialog-in .2s cubic-bezier(.2,.8,.2,1) both}.confirm-box.danger{box-shadow:0 24px 64px #96282838}.confirm-box h3{margin:0 0 8px;font-size:17px}.confirm-box p{margin:0;color:#6f7074;font-size:13px;line-height:1.7}.confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.confirm-enter-active,.confirm-leave-active{transition:opacity .18s ease}.confirm-enter-from,.confirm-leave-to{opacity:0}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}