:root{--bg: #eceef2;--bg-2: #e4e7ec;--surface: #ffffff;--surface-2: #f6f7f9;--surface-3: #eef0f4;--glass: rgba(255, 255, 255, .62);--glass-strong: rgba(255, 255, 255, .78);--glass-border: rgba(255, 255, 255, .7);--stroke: rgba(19, 24, 35, .08);--stroke-2: rgba(19, 24, 35, .13);--stroke-strong: rgba(19, 24, 35, .2);--text: #171a21;--text-2: #565c69;--text-3: #878d9b;--text-inv: #ffffff;--accent: #4f68f0;--accent-ink: #3a51d4;--accent-soft: rgba(79, 104, 240, .12);--accent-glow: rgba(79, 104, 240, .32);--success: #35a469;--success-soft: rgba(53, 164, 105, .14);--warning: #cf9526;--warning-soft: rgba(207, 149, 38, .16);--danger: #d8524d;--danger-soft: rgba(216, 82, 77, .14);--st-not_started: #9aa1ad;--st-in_progress: #4f68f0;--st-paused: #b7873f;--st-completed: #35a469;--st-overdue: #e0673c;--st-cancelled: #aab0ba;--prio-low: #9aa1ad;--prio-medium: #5a86c9;--prio-high: #cf9526;--prio-critical: #d8524d;--sp-2xs: 2px;--sp-xs: 4px;--sp-sm: 8px;--sp-md: 16px;--sp-lg: 24px;--sp-xl: 40px;--sp-2xl: 64px;--r-sm: 8px;--r-md: 12px;--r-lg: 18px;--r-xl: 26px;--r-pill: 999px;--sh-subtle: 0 1px 2px rgba(20, 24, 35, .05), 0 1px 3px rgba(20, 24, 35, .06);--sh-float: 0 10px 34px rgba(20, 24, 35, .1), 0 3px 10px rgba(20, 24, 35, .06);--sh-modal: 0 40px 90px rgba(18, 22, 33, .28), 0 8px 24px rgba(18, 22, 33, .12);--sh-inset: inset 0 1px 0 rgba(255, 255, 255, .6);--mo-fast: .14s;--mo-std: .24s;--mo-slow: .46s;--ease: cubic-bezier(.22, .61, .36, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--gantt-row-h: 44px;--gantt-track-h: 26px;--grid-line: rgba(19, 24, 35, .06);--grid-line-strong: rgba(19, 24, 35, .12);--weekend-tint: rgba(19, 24, 35, .028)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:14px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden}body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(1200px 700px at 12% -8%,rgba(79,104,240,.08),transparent 60%),radial-gradient(1000px 620px at 105% 0%,rgba(53,164,105,.06),transparent 55%),linear-gradient(180deg,var(--bg) 0%,var(--bg-2) 100%)}h1,h2,h3,h4,p,figure{margin:0}button,input,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.t-display{font-size:30px;font-weight:640;letter-spacing:-.02em;line-height:1.15}.t-h1{font-size:22px;font-weight:620;letter-spacing:-.015em}.t-h2{font-size:17px;font-weight:600;letter-spacing:-.01em}.t-body{font-size:14px;font-weight:450}.t-meta{font-size:12.5px;font-weight:500;color:var(--text-2)}.t-label{font-size:11px;font-weight:650;letter-spacing:.07em;text-transform:uppercase;color:var(--text-3)}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.tabnum{font-variant-numeric:tabular-nums}.scroll{scrollbar-width:thin;scrollbar-color:var(--stroke-2) transparent}.scroll::-webkit-scrollbar{width:10px;height:10px}.scroll::-webkit-scrollbar-thumb{background:var(--stroke-2);border-radius:var(--r-pill);border:3px solid transparent;background-clip:content-box}.scroll::-webkit-scrollbar-thumb:hover{background:var(--stroke-strong);background-clip:content-box}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}@keyframes spin{to{transform:rotate(360deg)}}.enter{animation:fade-up var(--mo-slow) var(--ease-out) both}.enter-fade{animation:fade-in var(--mo-std) var(--ease) both}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-sm);border:1px solid transparent;border-radius:var(--r-md);padding:0 14px;height:38px;font-size:13.5px;font-weight:560;cursor:pointer;white-space:nowrap;transition:background var(--mo-fast) var(--ease),border-color var(--mo-fast) var(--ease),transform var(--mo-fast) var(--ease),box-shadow var(--mo-fast) var(--ease),color var(--mo-fast) var(--ease);user-select:none}.btn:active{transform:translateY(1px) scale(.99)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--sm{height:32px;padding:0 11px;font-size:12.5px;border-radius:var(--r-sm)}.btn--lg{height:46px;padding:0 20px;font-size:14.5px}.btn--block{width:100%}.btn--primary{background:linear-gradient(180deg,var(--accent) 0%,var(--accent-ink) 100%);color:var(--text-inv);box-shadow:0 2px 10px var(--accent-glow),var(--sh-inset)}.btn--primary:hover:not(:disabled){box-shadow:0 4px 16px var(--accent-glow),var(--sh-inset)}.btn--default{background:var(--surface);border-color:var(--stroke-2);color:var(--text);box-shadow:var(--sh-subtle)}.btn--default:hover:not(:disabled){border-color:var(--stroke-strong);background:var(--surface-2)}.btn--ghost{background:transparent;color:var(--text-2)}.btn--ghost:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.btn--danger{background:var(--danger-soft);color:var(--danger)}.btn--danger:hover:not(:disabled){background:var(--danger);color:var(--text-inv)}.iconbtn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--r-sm);border:1px solid transparent;background:transparent;color:var(--text-3);cursor:pointer;transition:all var(--mo-fast) var(--ease)}.iconbtn:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.iconbtn:disabled{opacity:.35;cursor:not-allowed}.iconbtn--danger:hover:not(:disabled){background:var(--danger-soft);color:var(--danger)}.card{background:var(--surface);border:1px solid var(--stroke);border-radius:var(--r-lg);box-shadow:var(--sh-subtle)}.glass{background:var(--glass);backdrop-filter:blur(22px) saturate(1.4);-webkit-backdrop-filter:blur(22px) saturate(1.4);border:1px solid var(--glass-border);box-shadow:var(--sh-float)}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:11.5px;font-weight:620;letter-spacing:.05em;text-transform:uppercase;color:var(--text-3)}.field__hint{font-size:12px;color:var(--text-3)}.input,.textarea,.select{width:100%;background:var(--surface-2);border:1px solid var(--stroke-2);border-radius:var(--r-sm);padding:9px 11px;font-size:13.5px;color:var(--text);transition:border-color var(--mo-fast) var(--ease),background var(--mo-fast) var(--ease),box-shadow var(--mo-fast) var(--ease)}.input::placeholder,.textarea::placeholder{color:var(--text-3)}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px var(--accent-soft)}.input--flush{background:transparent;border-color:transparent;padding:5px 7px}.input--flush:hover{background:var(--surface-2)}.textarea{resize:vertical;min-height:64px;line-height:1.55}.select{appearance:none;cursor:pointer;padding-right:30px;background-image:none}.segmented{display:inline-flex;background:var(--surface-3);border-radius:var(--r-md);padding:3px;gap:2px}.segmented__btn{border:none;background:transparent;cursor:pointer;padding:5px 12px;border-radius:var(--r-sm);font-size:12.5px;font-weight:560;color:var(--text-2);transition:all var(--mo-fast) var(--ease)}.segmented__btn:hover{color:var(--text)}.segmented__btn--active{background:var(--surface);color:var(--text);box-shadow:var(--sh-subtle)}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px 3px 8px;border-radius:var(--r-pill);font-size:11.5px;font-weight:600;letter-spacing:.01em;background:var(--surface-3);color:var(--text-2);white-space:nowrap}.badge__dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}.badge--status{color:var(--st-color);background:color-mix(in srgb,var(--st-color) 13%,transparent)}.prio{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--text-2);font-weight:550;text-transform:capitalize}.prio__dot{width:8px;height:8px;border-radius:2px;flex:none}.pbar{height:6px;background:var(--surface-3);border-radius:var(--r-pill);overflow:hidden}.pbar__fill{height:100%;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--accent),var(--accent-ink));transition:width var(--mo-slow) var(--ease-out)}.pbar__fill--success{background:linear-gradient(90deg,var(--success),#2c8f5a)}.ring{display:inline-grid;place-items:center;position:relative}.ring__num{position:absolute;font-weight:660;font-variant-numeric:tabular-nums}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid var(--stroke-2);border-top-color:var(--accent);animation:spin .7s linear infinite}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--sp-md);padding:var(--sp-2xl) var(--sp-lg);color:var(--text-2)}.empty__icon{width:60px;height:60px;display:grid;place-items:center;border-radius:var(--r-xl);background:var(--surface-3);color:var(--text-3)}.overlay{position:fixed;inset:0;z-index:100;background:#171a2147;backdrop-filter:blur(3px);display:grid;place-items:center;padding:var(--sp-lg);animation:fade-in var(--mo-std) var(--ease) both}.modal{width:min(520px,100%);border-radius:var(--r-xl);padding:var(--sp-lg);animation:modal-in var(--mo-std) var(--ease-out) both}@keyframes modal-in{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}.modal__title{font-size:18px;font-weight:640;letter-spacing:-.01em}.modal__body{margin-top:var(--sp-md);display:flex;flex-direction:column;gap:var(--sp-md)}.modal__actions{margin-top:var(--sp-lg);display:flex;justify-content:flex-end;gap:var(--sp-sm)}.drawer-overlay{position:fixed;inset:0;z-index:90;background:#171a2138;animation:fade-in var(--mo-fast) var(--ease) both}.drawer{position:fixed;top:0;right:0;bottom:0;z-index:91;width:min(440px,100%);background:var(--surface);border-left:1px solid var(--stroke);box-shadow:var(--sh-modal);display:flex;flex-direction:column;animation:drawer-in var(--mo-std) var(--ease-out) both}@keyframes drawer-in{0%{transform:translate(24px);opacity:.6}to{transform:none;opacity:1}}.drawer__head{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-md) var(--sp-lg);border-bottom:1px solid var(--stroke)}.drawer__body{padding:var(--sp-lg);overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:var(--sp-lg)}.toaster{position:fixed;bottom:22px;left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:var(--r-pill);background:var(--text);color:var(--text-inv);font-size:13px;font-weight:520;box-shadow:var(--sh-modal);animation:toast-in var(--mo-std) var(--ease-spring) both}.toast--error{background:var(--danger)}.toast--success{background:var(--success)}@keyframes toast-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}.row{display:flex;align-items:center;gap:var(--sp-sm)}.row--between{justify-content:space-between}.stack{display:flex;flex-direction:column}.grow{flex:1;min-width:0}.muted{color:var(--text-2)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login{position:fixed;inset:0;overflow:hidden;display:grid;place-items:center;padding:var(--sp-lg);perspective:1200px}.login-bg{position:absolute;inset:0;width:100%;height:100%;z-index:0}.login-lang{position:absolute;top:20px;right:20px;z-index:3}.login:after{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(120% 90% at 50% 40%,transparent 40%,rgba(228,231,236,.55) 100%);pointer-events:none}.login-card{position:relative;z-index:2;width:min(400px,100%);padding:38px 34px 30px;border-radius:var(--r-xl);background:var(--glass-strong);backdrop-filter:blur(30px) saturate(1.5);-webkit-backdrop-filter:blur(30px) saturate(1.5);border:1px solid var(--glass-border);box-shadow:var(--sh-modal),var(--sh-inset);transform:perspective(1000px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:transform .2s var(--ease-out),opacity var(--mo-slow) var(--ease),filter var(--mo-slow) var(--ease);transform-style:preserve-3d;animation:card-in .62s var(--ease-out) both}@keyframes card-in{0%{opacity:0;transform:translateY(22px) scale(.96)}to{opacity:1}}.login-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(280px 200px at var(--mx, 50%) var(--my, 0%),rgba(255,255,255,.5),transparent 60%);opacity:.7;pointer-events:none}.login-card.is-error{animation:shake .5s var(--ease)}.login.is-exiting .login-card{opacity:0;filter:blur(8px);transform:translateY(-10px) scale(.98)}.login.is-exiting .login-bg{opacity:0;transition:opacity var(--mo-slow) var(--ease)}.login-brand{display:flex;flex-direction:column;align-items:center;gap:14px;margin-bottom:26px;text-align:center}.login-mark{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(150deg,var(--accent),var(--accent-ink));color:#fff;box-shadow:0 8px 22px var(--accent-glow),var(--sh-inset)}.login-word{font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--text-2)}.login-welcome{font-size:24px;font-weight:660;letter-spacing:-.02em;margin-top:2px}.login-form{display:flex;flex-direction:column;gap:14px}.login-error{min-height:16px;font-size:12.5px;font-weight:560;color:var(--danger);text-align:center}.login-foot{margin-top:22px;text-align:center;font-size:11.5px;letter-spacing:.03em;color:var(--text-3);display:flex;align-items:center;justify-content:center;gap:6px}.login-foot__lock{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px var(--success-soft)}.hub{height:100%;display:flex;flex-direction:column;overflow:hidden}.appbar{display:flex;align-items:center;justify-content:space-between;padding:14px 26px;border-bottom:1px solid var(--stroke);background:var(--glass);backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);flex:none}.appbar__brand{display:flex;align-items:center;gap:11px}.appbar__mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(150deg,var(--accent),var(--accent-ink));color:#fff;box-shadow:0 4px 12px var(--accent-glow)}.appbar__word{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text-2)}.appbar__user{display:flex;align-items:center;gap:12px}.appbar__avatar{width:30px;height:30px;border-radius:50%;background:var(--surface-3);display:grid;place-items:center;font-size:12px;font-weight:680;color:var(--text-2)}.hub__scroll{flex:1;overflow-y:auto}.hub__inner{max-width:1120px;margin:0 auto;padding:40px 26px 80px}.hub__head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-md);margin-bottom:26px;flex-wrap:wrap}.hub__head-sub{margin-top:4px}.hub__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}.pcard{position:relative;padding:20px 20px 18px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--stroke);box-shadow:var(--sh-subtle);cursor:pointer;transition:transform var(--mo-std) var(--ease-out),box-shadow var(--mo-std) var(--ease),border-color var(--mo-std) var(--ease);display:flex;flex-direction:column;gap:16px;animation:fade-up var(--mo-slow) var(--ease-out) both}.pcard:hover{transform:translateY(-3px);box-shadow:var(--sh-float);border-color:var(--stroke-2)}.pcard.is-archived{opacity:.64}.pcard__top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.pcard__name{font-size:16px;font-weight:620;letter-spacing:-.01em;line-height:1.3}.pcard__desc{margin-top:3px;font-size:12.5px;color:var(--text-3);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.pcard__mid{display:flex;align-items:center;gap:16px}.pcard__progresswrap{flex:1}.pcard__pct{font-size:12px;font-weight:640;color:var(--text-2);margin-bottom:7px;display:flex;justify-content:space-between}.pcard__stats{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-top:14px;border-top:1px solid var(--stroke)}.pcard__stat{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-2);font-weight:520}.pcard__stat--danger{color:var(--st-overdue)}.pcard__stat b{font-weight:680;color:var(--text)}.pcard__menu{position:relative}.pmenu{position:absolute;right:0;top:36px;z-index:20;min-width:168px;padding:6px;background:var(--surface);border:1px solid var(--stroke);border-radius:var(--r-md);box-shadow:var(--sh-float);animation:fade-up var(--mo-fast) var(--ease-out) both}.pmenu__item{display:flex;align-items:center;gap:9px;width:100%;padding:8px 10px;border:none;background:transparent;border-radius:var(--r-sm);font-size:13px;color:var(--text);cursor:pointer;text-align:left}.pmenu__item:hover{background:var(--surface-3)}.pmenu__item--danger{color:var(--danger)}.pmenu__item--danger:hover{background:var(--danger-soft)}.state-pad{padding:80px 20px;display:grid;place-items:center}.ws{height:100%;display:flex;flex-direction:column;overflow:hidden}.ws__bar{display:flex;align-items:center;gap:16px;padding:12px 20px;border-bottom:1px solid var(--stroke);background:var(--glass);backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);flex:none}.ws__name{font-size:16px;font-weight:620;letter-spacing:-.01em;border:1px solid transparent;background:transparent;border-radius:var(--r-sm);padding:4px 8px;min-width:120px;max-width:340px}.ws__name:hover{background:var(--surface-2)}.ws__name:focus{outline:none;background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.ws__stats{display:flex;align-items:center;gap:18px}.ws__stat{display:flex;flex-direction:column;line-height:1.15}.ws__stat b{font-size:15px;font-weight:680;font-variant-numeric:tabular-nums}.ws__stat span{font-size:10.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-3)}.ws__stat--danger b{color:var(--st-overdue)}.ws__save{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:540;color:var(--text-3);min-width:76px}.ws__save-dot{width:7px;height:7px;border-radius:50%;background:var(--success)}.ws__save-dot--dirty{background:var(--warning)}.ws__body{flex:1;overflow:hidden;position:relative}.divider{width:1px;height:30px;background:var(--stroke-2)}.cfg{height:100%;display:flex;flex-direction:column;overflow:hidden}.cfg__bar{display:flex;align-items:center;gap:10px;padding:10px 20px;border-bottom:1px solid var(--stroke);background:var(--surface);flex:none}.cfg__scroll{flex:1;overflow-y:auto}.cfg__inner{max-width:1000px;margin:0 auto;padding:26px 22px 120px;display:flex;flex-direction:column;gap:18px}.settings-card{padding:18px 20px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media (max-width: 760px){.settings-card{grid-template-columns:1fr 1fr}}.phase{border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--stroke);box-shadow:var(--sh-subtle);overflow:hidden;animation:fade-up var(--mo-std) var(--ease-out) both}.phase__head{display:flex;align-items:center;gap:8px;padding:12px 14px 12px 16px;border-left:3px solid var(--accent)}.phase__collapse{display:grid;place-items:center;width:26px;height:26px;border:none;background:transparent;color:var(--text-3);cursor:pointer;border-radius:var(--r-sm);transition:all var(--mo-fast)}.phase__collapse:hover{background:var(--surface-3);color:var(--text)}.phase__title{font-size:15px;font-weight:620;letter-spacing:-.01em}.phase__pct{font-size:12px;font-weight:640;color:var(--text-2);font-variant-numeric:tabular-nums}.phase__minibar{width:84px}.phase__body{padding:6px 14px 14px 16px;display:flex;flex-direction:column;gap:10px}.group{border:1px solid var(--stroke);border-radius:var(--r-md);background:var(--surface-2);overflow:hidden}.group__head{display:flex;align-items:center;gap:8px;padding:8px 10px 8px 12px;background:var(--surface-3)}.group__title{font-size:13px;font-weight:600;color:var(--text)}.group__body{padding:8px 10px 10px;display:flex;flex-direction:column;gap:6px}.task{border:1px solid var(--stroke);border-radius:var(--r-md);background:var(--surface);transition:border-color var(--mo-fast),box-shadow var(--mo-fast)}.task:hover{border-color:var(--stroke-2)}.task.is-open{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.task.is-overdue{border-left:3px solid var(--st-overdue)}.task__row{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:10px;padding:8px 10px;cursor:pointer}.task__statusdot{width:9px;height:9px;border-radius:50%}.task__name{font-size:13.5px;font-weight:520}.task__name--done{text-decoration:line-through;color:var(--text-3)}.task__sub{font-size:11.5px;color:var(--text-3);display:flex;gap:10px;margin-top:1px;flex-wrap:wrap}.task__right{display:flex;align-items:center;gap:12px}.task__pct{font-size:12px;font-weight:620;color:var(--text-2);font-variant-numeric:tabular-nums;min-width:34px;text-align:right}.task__actions{display:flex;align-items:center;gap:2px}.task__editor{padding:4px 12px 14px;border-top:1px solid var(--stroke);display:grid;grid-template-columns:repeat(2,1fr);gap:12px;animation:fade-in var(--mo-fast) var(--ease) both}.task__editor .span2{grid-column:1 / -1}.task__dates{display:grid;grid-template-columns:1fr 90px 1fr;gap:10px;align-items:end}.slider-row{display:flex;align-items:center;gap:12px}.slider{flex:1;accent-color:var(--accent)}.addrow{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:var(--r-sm);border:1px dashed var(--stroke-strong);background:transparent;color:var(--text-2);font-size:12.5px;font-weight:540;cursor:pointer;transition:all var(--mo-fast) var(--ease);align-self:flex-start}.addrow:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.addrow--sm{padding:5px 10px;font-size:12px}.gantt{height:100%;display:flex;flex-direction:column;overflow:hidden}.gantt__toolbar{display:flex;align-items:center;gap:12px;padding:10px 20px;border-bottom:1px solid var(--stroke);background:var(--surface);flex:none}.gantt__legend{display:flex;align-items:center;gap:14px;margin-left:auto}.gantt__legend-item{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--text-2);font-weight:520}.gantt__legend-dot{width:9px;height:9px;border-radius:50%}.gantt__body{flex:1;overflow:auto;position:relative}.gantt__grid{display:flex;width:max-content;min-height:100%}.gantt__side{position:sticky;left:0;z-index:5;width:268px;flex:none;background:var(--surface);border-right:1px solid var(--stroke-2);box-shadow:4px 0 12px #14182308}.gantt__side-head{position:sticky;top:0;z-index:6;height:48px;display:flex;align-items:center;padding:0 16px;background:var(--surface);border-bottom:1px solid var(--stroke-2);font-size:11px;font-weight:680;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.srow{height:var(--gantt-row-h);display:flex;align-items:center;gap:7px;padding-right:12px;border-bottom:1px solid var(--grid-line);cursor:default}.srow--task{cursor:pointer}.srow--task:hover{background:var(--surface-2)}.srow__chevron{width:20px;height:20px;display:grid;place-items:center;border:none;background:transparent;color:var(--text-3);cursor:pointer;border-radius:4px;flex:none}.srow__chevron:hover{background:var(--surface-3);color:var(--text)}.srow__dot{width:8px;height:8px;border-radius:50%;flex:none}.srow__label{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.srow--phase .srow__label{font-weight:640}.srow--group .srow__label{font-weight:560;color:var(--text-2)}.srow__label--done{text-decoration:line-through;color:var(--text-3)}.srow__pct{margin-left:auto;font-size:11px;font-weight:620;color:var(--text-3);font-variant-numeric:tabular-nums}.gantt__chart{position:relative;flex:none}.gantt__axis{position:sticky;top:0;z-index:4;height:48px;background:var(--surface);border-bottom:1px solid var(--stroke-2)}.axis__tier{position:relative;height:24px}.axis__tier--secondary{border-top:1px solid var(--grid-line)}.tick{position:absolute;top:0;height:100%;display:flex;align-items:center;padding-left:6px;font-size:11px;color:var(--text-3);white-space:nowrap;border-left:1px solid var(--grid-line)}.tick--primary{font-weight:620;color:var(--text-2);border-left:1px solid var(--grid-line-strong)}.gantt__rows{position:relative}.gridline{position:absolute;top:0;bottom:0;width:1px;background:var(--grid-line);pointer-events:none}.weekend{position:absolute;top:0;bottom:0;background:var(--weekend-tint);pointer-events:none}.todayline{position:absolute;top:0;bottom:0;width:2px;background:var(--accent);opacity:.55;pointer-events:none;z-index:3}.todayline:before{content:attr(data-label);position:absolute;top:2px;left:4px;font-size:9.5px;font-weight:700;letter-spacing:.05em;color:var(--accent);text-transform:uppercase;white-space:nowrap}.grow-row{height:var(--gantt-row-h);position:relative;border-bottom:1px solid var(--grid-line)}.grow-row:hover{background:#13182304}.bar{position:absolute;top:50%;transform:translateY(-50%);height:var(--gantt-track-h);border-radius:7px;overflow:hidden;cursor:pointer;box-shadow:var(--sh-subtle);transition:left var(--mo-std) var(--ease-out),width var(--mo-std) var(--ease-out),box-shadow var(--mo-fast),transform var(--mo-fast);will-change:left,width;display:flex;align-items:center}.bar:hover{box-shadow:var(--sh-float);transform:translateY(-50%) scale(1.012);z-index:2}.bar__track{position:absolute;inset:0;background:color-mix(in srgb,var(--bar-color) 24%,white)}.bar__fill{position:absolute;top:0;bottom:0;left:0;background:var(--bar-color);border-radius:7px 0 0 7px;transition:width var(--mo-slow) var(--ease-out)}.bar__text{position:relative;z-index:1;padding:0 9px;font-size:11.5px;font-weight:560;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;mix-blend-mode:normal}.bar--overdue{outline:1.5px solid var(--st-overdue);outline-offset:-1.5px}.sbar{position:absolute;top:50%;transform:translateY(-50%);height:9px;border-radius:5px;cursor:default;background:linear-gradient(90deg,var(--accent),var(--accent-ink));opacity:.9}.sbar--group{background:var(--text-3);opacity:.55;height:7px}.sbar__cap{position:absolute;top:-2px;width:2px;height:13px;background:inherit}.od-marker{position:absolute;top:50%;transform:translate(-50%,-50%);width:0;height:0;z-index:2}.od-marker:after{content:"";position:absolute;width:8px;height:8px;background:var(--st-overdue);border-radius:2px;transform:translate(-50%,-50%) rotate(45deg);box-shadow:0 0 0 3px color-mix(in srgb,var(--st-overdue) 22%,transparent)}.gantt__empty{flex:1;display:grid;place-items:center}.dd-field{display:flex;flex-direction:column;gap:3px}.dd-field__k{font-size:11px;font-weight:640;letter-spacing:.05em;text-transform:uppercase;color:var(--text-3)}.dd-field__v{font-size:14px}.dd-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}