:root{--bg: #f5f4fc;--surface: #ffffff;--surface-2: #f6f5fd;--lane: #efedf9;--border: #e6e3f3;--text: #17142b;--text-2: #4a4566;--muted: #8a85a6;--primary: #6d4aff;--primary-2: #c13cff;--primary-3: #ff4f9a;--primary-ink: #ffffff;--primary-soft: #efeaff;--danger: #e5484d;--success: #12a150;--warning: #d97706;--shadow: 0 1px 2px rgba(23, 20, 43, .04), 0 8px 24px -12px rgba(76, 52, 180, .22);--shadow-lg: 0 24px 60px -20px rgba(40, 24, 110, .35);--radius: 14px;--sidebar: #0f0c22;--sidebar-text: #c7c2e6;--sidebar-active: rgba(255, 255, 255, .08);--glow-1: rgba(109, 74, 255, .16);--glow-2: rgba(24, 200, 255, .12);--grad: linear-gradient(135deg, var(--primary) 0%, var(--primary-2) 58%, var(--primary-3) 100%);color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0a0913;--surface: #14121f;--surface-2: #1c1a2b;--lane: #110f1d;--border: #272438;--text: #eeebfb;--text-2: #bdb8d9;--muted: #8a85a8;--primary: #8b6dff;--primary-soft: rgba(139, 109, 255, .16);--danger: #ff6b6f;--success: #3ddc84;--warning: #fbbf24;--shadow: 0 1px 2px rgba(0, 0, 0, .5), 0 10px 30px -14px rgba(0, 0, 0, .7);--shadow-lg: 0 30px 80px -20px rgba(0, 0, 0, .8);--sidebar: #0c0a18;--glow-1: rgba(139, 109, 255, .18);--glow-2: rgba(24, 200, 255, .08);color-scheme:dark}}:root[data-theme=dark]{--bg: #0a0913;--surface: #14121f;--surface-2: #1c1a2b;--lane: #110f1d;--border: #272438;--text: #eeebfb;--text-2: #bdb8d9;--muted: #8a85a8;--primary: #8b6dff;--primary-soft: rgba(139, 109, 255, .16);--danger: #ff6b6f;--success: #3ddc84;--warning: #fbbf24;--shadow: 0 1px 2px rgba(0, 0, 0, .5), 0 10px 30px -14px rgba(0, 0, 0, .7);--shadow-lg: 0 30px 80px -20px rgba(0, 0, 0, .8);--sidebar: #0c0a18;--glow-1: rgba(139, 109, 255, .18);--glow-2: rgba(24, 200, 255, .08);color-scheme:dark}:root[data-accent=ocean]{--primary: #2563eb;--primary-2: #0ea5e9;--primary-3: #22d3ee;--glow-1: rgba(37, 99, 235, .16)}:root[data-accent=emerald]{--primary: #059669;--primary-2: #10b981;--primary-3: #a3e635;--glow-1: rgba(5, 150, 105, .16)}:root[data-accent=sunset]{--primary: #ea580c;--primary-2: #f43f5e;--primary-3: #f59e0b;--glow-1: rgba(234, 88, 12, .14)}:root[data-accent=rose]{--primary: #db2777;--primary-2: #e11d48;--primary-3: #a855f7;--glow-1: rgba(219, 39, 119, .14)}:root[data-accent]{--primary-soft: color-mix(in srgb, var(--primary) 12%, var(--surface))}*{box-sizing:border-box}html,body,#root{height:100%}body{overflow-x:clip}body{margin:0;background:var(--bg);color:var(--text);font-family:Readex Pro,IBM Plex Sans Arabic,system-ui,-apple-system,Segoe UI,Tahoma,sans-serif;font-size:14px;line-height:1.5}a{color:var(--primary);text-decoration:none}h1{font-size:22px;margin:0}h2{font-size:16px;margin:0 0 12px}h3{font-size:14px;margin:8px 0}h4{font-size:13px;margin:0 0 8px;color:var(--text-2)}input,select,textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:7px 10px;min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid var(--primary);outline-offset:-1px}textarea{resize:vertical;width:100%}.muted{color:var(--muted)}.small{font-size:12px}.center{text-align:center}.pad{padding:4px 12px}.grow{flex:1}.overdue{color:var(--danger);font-weight:600}.error-text{color:var(--danger);margin:4px 0}.success-text{color:var(--success);margin:4px 0}.splash{display:grid;place-items:center;height:100%;color:var(--muted)}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;flex:none}.dot.big{width:14px;height:14px}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.row.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.row.two>*{min-width:0}.row.spread{justify-content:space-between}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-weight:500;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:8px 14px}.btn:hover{background:var(--surface-2)}.btn:disabled{opacity:.55;cursor:default}.btn.primary{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.btn.primary:hover{filter:brightness(1.08)}.btn.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,transparent)}.btn.small{padding:5px 10px;font-size:13px}.icon-btn{border:0;background:transparent;color:inherit;cursor:pointer;font-size:16px;padding:4px 8px;border-radius:6px}.icon-btn:hover{background:var(--surface-2)}.icon-btn.small{font-size:14px;padding:2px 6px}.link-btn{border:0;background:none;color:var(--primary);cursor:pointer;font:inherit;padding:0}.link-btn.danger{color:var(--danger)}.form{display:flex;flex-direction:column;gap:12px}.form.compact{gap:6px;margin-top:6px}.form label,.field,.task-side label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--text-2)}label.check{flex-direction:row;align-items:center;gap:8px;color:var(--text)}label.inline{display:inline-flex;flex-direction:row;align-items:center;gap:6px}.swatches{display:flex;gap:6px;flex-wrap:wrap}.swatch{width:26px;height:26px;border-radius:50%;border:2px solid transparent;cursor:pointer}.swatch.small{width:18px;height:18px}.swatch.selected{border-color:var(--text);box-shadow:0 0 0 2px var(--surface) inset}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.chip{display:inline-block;font-size:11px;font-weight:600;padding:1px 8px;border-radius:999px;white-space:nowrap}.empty{padding:32px;text-align:center;color:var(--muted);border:1px dashed var(--border);border-radius:var(--radius)}.badge{background:var(--danger);color:#fff;border-radius:999px;font-size:11px;padding:0 7px;margin-inline-start:auto}.avatar{display:inline-grid;place-items:center;flex:none;border-radius:50%;color:#fff;font-weight:600;width:28px;height:28px;background:var(--muted)}.avatar-stack{display:inline-flex}.avatar-stack .avatar{border:2px solid var(--surface);margin-inline-start:-6px}.avatar-stack .avatar:first-child{margin-inline-start:0}.avatar.more{width:24px;height:24px;font-size:10px;background:var(--surface-2);color:var(--text-2)}.auth-page{min-height:100%;display:grid;place-items:center;padding:16px;background:radial-gradient(circle at top,var(--primary-soft),var(--bg) 60%)}.auth-card{width:100%;max-width:380px;background:var(--surface);padding:28px;border-radius:16px;box-shadow:0 10px 40px #00000014;border:1px solid var(--border)}.auth-brand{text-align:center;margin-bottom:8px}.auth-brand h1{margin-top:10px}.brand-mark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--primary);color:#fff;font-weight:700;font-size:18px;flex:none}.brand-mark.big{width:52px;height:52px;font-size:26px;border-radius:14px}.brand-mark svg{width:62%;height:62%;stroke-width:2.4}.app{display:flex;height:100%;overflow:hidden}.sidebar{width:260px;flex:none;background:var(--sidebar);color:var(--sidebar-text);display:flex;flex-direction:column;overflow-y:auto}.brand{display:flex;gap:10px;align-items:center;padding:16px}.brand strong{color:#fff;display:block}.brand small{color:var(--sidebar-text)}.brand select{background:transparent;color:var(--sidebar-text);border-color:#333a5c;padding:2px 6px;font-size:12px}.nav{display:flex;flex-direction:column;padding:0 8px;gap:1px}.nav a{color:var(--sidebar-text);padding:7px 10px;border-radius:8px;display:flex;align-items:center;gap:8px}.nav a:hover{background:var(--sidebar-active);color:#fff}.nav a.active{background:var(--sidebar-active);color:#fff;font-weight:600}.nav-section{display:flex;justify-content:space-between;align-items:center;padding:18px 18px 6px;font-size:12px;text-transform:uppercase;color:#8a90ad}.nav-section .icon-btn{color:#8a90ad}.space-group{margin-bottom:4px}.nav a.board-link{padding-inline-start:28px;font-size:13px}.sidebar-footer{margin-top:auto;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #262b45}.sidebar-footer .me{display:flex;align-items:center;gap:8px;color:#fff}.sidebar-footer .link-btn{color:var(--sidebar-text)}.main{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;gap:8px;padding:8px 16px;min-height:48px;border-bottom:1px solid var(--border);background:var(--surface)}.menu-btn{display:none}.content{flex:1;overflow:auto}.scrim{display:none}.timer-bar{display:flex;align-items:center;gap:10px;margin-inline-start:auto;background:var(--primary-soft);padding:4px 6px 4px 12px;border-radius:999px}.timer-bar.idle{display:none}.timer-task{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-weight:500}.clock{font-variant-numeric:tabular-nums;font-weight:600}.pulse{width:8px;height:8px;border-radius:50%;background:var(--danger);animation:pulse 1.4s infinite}@keyframes pulse{50%{opacity:.3}}.page{padding:24px;display:flex;flex-direction:column;gap:20px;max-width:1200px}.page.narrow{max-width:760px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.page-header h1{display:flex;align-items:center;gap:10px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-header h2{margin:0}.filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.two-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;align-items:start}.board-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.board-tile{border-inline-start:4px solid;color:var(--text);display:block}.board-tile:hover{border-color:var(--primary)}.danger-zone{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--border);padding-top:14px;margin-top:14px}.card.danger-zone{margin-top:0}.help ul{margin:0;padding-inline-start:18px;color:var(--text-2)}.member-list{list-style:none;padding:0;margin:0 0 12px;display:flex;flex-direction:column;gap:8px}.member-list li{display:flex;align-items:center;gap:8px}.label-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.label-item{display:inline-flex;align-items:center;gap:2px}.table{width:100%;border-collapse:collapse}.table th{text-align:start;font-size:12px;color:var(--muted);font-weight:500;padding:8px;border-bottom:1px solid var(--border)}.table td{padding:8px;border-bottom:1px solid var(--border);vertical-align:middle}.table tr:last-child td{border-bottom:0}.board-page{display:flex;flex-direction:column;height:100%}.board-header{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;padding:16px 20px 12px}.crumb{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}.lanes{flex:1;display:flex;gap:12px;padding:0 20px 20px;overflow-x:auto;align-items:flex-start}.lane{flex:0 0 280px;background:var(--lane);border-radius:12px;display:flex;flex-direction:column;max-height:100%}.lane-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px 6px;border-top:3px solid;border-radius:12px 12px 0 0}.lane-title{font-weight:600;display:flex;gap:6px;align-items:center}.count{background:var(--surface);color:var(--muted);border-radius:999px;padding:0 8px;font-size:12px;font-weight:500}.lane-body{display:flex;flex-direction:column;gap:8px;padding:6px 8px;min-height:40px;overflow-y:auto}.add-lane{flex:0 0 220px;border:2px dashed var(--border);background:transparent;color:var(--muted);border-radius:12px;padding:14px;cursor:pointer;font:inherit}.add-lane:hover{color:var(--primary);border-color:var(--primary)}.task-card{padding:10px 12px;cursor:pointer;display:flex;flex-direction:column;gap:6px;touch-action:manipulation}.task-card:hover{border-color:color-mix(in srgb,var(--primary) 45%,var(--border))}.task-card.overlay{transform:rotate(-2deg);box-shadow:0 12px 30px #0000002e;cursor:grabbing}.task-card.done h3{text-decoration:line-through;color:var(--muted)}.task-card h3{margin:0;font-size:14px;font-weight:500}.task-card footer{display:flex;justify-content:space-between;align-items:center}.card-labels{display:flex;flex-wrap:wrap;gap:4px}.meta{display:flex;gap:10px;font-size:12px;color:var(--muted);align-items:center}.priority{font-size:14px}.quick-add-btn{border:0;background:none;color:var(--muted);text-align:start;padding:8px 14px 12px;cursor:pointer;font:inherit}.quick-add-btn:hover{color:var(--primary)}.quick-add{padding:4px 8px 10px;display:flex;flex-direction:column;gap:6px}.modal-backdrop{position:fixed;inset:0;background:#0a0c198c;display:grid;place-items:start center;padding:6vh 16px;overflow-y:auto;z-index:50}.modal{background:var(--surface);border-radius:14px;width:100%;max-width:460px;box-shadow:0 20px 60px #00000040}.modal.wide{max-width:980px}.modal-header{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid var(--border)}.modal-header h2{flex:1;margin:0}.modal-body{padding:18px}.title-input{width:100%;font-size:18px;font-weight:600;border-color:transparent;background:transparent;padding:4px 6px}.title-input:hover:not(:disabled){border-color:var(--border)}.task-layout{display:grid;grid-template-columns:1fr 300px;gap:24px}.task-main{display:flex;flex-direction:column;gap:22px;min-width:0}.task-side{display:flex;flex-direction:column;gap:14px;background:var(--surface-2);padding:14px;border-radius:12px;align-self:start}.task-side select,.task-side input{width:100%}.pick-list{display:flex;flex-direction:column;gap:2px;max-height:190px;overflow-y:auto}.pick{flex-direction:row!important;align-items:center;gap:8px!important;padding:4px 6px;border-radius:6px;color:var(--text)!important;cursor:pointer}.pick input{width:auto!important}.label-toggle{border:2px solid transparent;background:none;border-radius:999px;padding:0;cursor:pointer;opacity:.45}.label-toggle.on{opacity:1;border-color:currentColor}.time-box{background:var(--surface);border-radius:10px;padding:10px;gap:8px!important}.time-entries{list-style:none;padding:0;margin:0;font-size:12px;display:flex;flex-direction:column;gap:4px}.time-entries li{display:flex;gap:6px;align-items:center}.time-entries li .muted{margin-inline-start:auto}.comments{list-style:none;padding:0;margin:0 0 10px;display:flex;flex-direction:column;gap:12px}.comments li{display:flex;gap:10px}.bubble{background:var(--surface-2);border-radius:10px;padding:8px 12px;flex:1}.bubble header{display:flex;gap:8px;align-items:baseline}.bubble time,.activity time{color:var(--muted);font-size:11px}.bubble header .link-btn{margin-inline-start:auto}.bubble p{margin:4px 0 0;white-space:pre-wrap}.comment-form{display:flex;gap:8px;align-items:flex-end}.attachments{list-style:none;padding:0;margin:0 0 8px;display:flex;flex-direction:column;gap:6px}.attachments li{display:flex;align-items:center;gap:10px}.attachments img{width:44px;height:44px;object-fit:cover;border-radius:6px;border:1px solid var(--border)}.file-icon{width:44px;height:44px;display:grid;place-items:center;background:var(--surface-2);border-radius:6px;font-size:20px}.attachments a{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn.upload{cursor:pointer}.activity{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--text-2)}.activity li{display:flex;gap:8px;align-items:center}.activity time{margin-inline-start:auto}.task-group h2{display:flex;gap:8px;align-items:center}.task-group.overdue h2{color:var(--danger)}.task-list{list-style:none;padding:0;margin:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.task-list li+li{border-top:1px solid var(--border)}.task-row{display:flex;align-items:center;gap:12px;padding:10px 14px;color:var(--text)}.task-row:hover{background:var(--surface-2)}.task-row .title{flex:1;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-row .where{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}.notifications{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.notifications li{display:flex;gap:12px;align-items:center;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer}.notifications li.unread{border-inline-start:3px solid var(--primary);background:var(--primary-soft)}.notifications p{margin:0}.notifications time{color:var(--muted);font-size:12px}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.stat{display:flex;flex-direction:column;gap:4px}.stat-label{color:var(--muted);font-size:13px}.stat-value{font-size:26px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.stat.critical .stat-label{color:var(--danger)}.chart{position:relative}.chart-toggle{position:absolute;top:-34px;inset-inline-end:0}.bars-wrap{display:grid;grid-template-columns:44px 1fr;grid-template-rows:220px auto;gap:4px 8px}.y-axis{display:flex;flex-direction:column;justify-content:space-between;font-size:11px;color:var(--muted);text-align:left;transform:translateY(-6px);height:calc(100% + 12px)}.bars{position:relative;display:flex;align-items:flex-end;gap:2px;border-bottom:1px solid var(--border)}.gridline{position:absolute;left:0;right:0;border-top:1px solid var(--border);opacity:.6;pointer-events:none}.bar-slot{flex:1;height:100%;display:flex;align-items:flex-end;justify-content:center;cursor:default;outline:none}.bar-slot.hover,.bar-slot:focus-visible{background:color-mix(in srgb,var(--primary) 8%,transparent)}.bar{width:100%;max-width:22px;background:var(--primary);border-radius:4px 4px 0 0;min-height:0}.tooltip{position:absolute;top:0;transform:translate(50%);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;padding:6px 10px;display:flex;flex-direction:column;font-size:12px;pointer-events:none;white-space:nowrap;color:var(--text);z-index:2}.x-axis{grid-column:2;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.meter{display:inline-block;width:70px;height:6px;background:var(--surface-2);border-radius:999px;overflow:hidden;vertical-align:middle;margin-inline-end:6px}.meter span{display:block;height:100%;background:var(--success);border-radius:999px}@media(max-width:900px){.sidebar{position:fixed;inset-block:0;inset-inline-start:0;z-index:40;transform:translate(100%);transition:transform .2s}.menu-open .sidebar{transform:none}.menu-open .scrim{display:block;position:fixed;inset:0;background:#0006;z-index:30}.menu-btn{display:inline-block}.page{padding:16px}.task-layout{grid-template-columns:1fr}.lanes{padding:0 16px 16px;scroll-snap-type:x mandatory}.lane{flex-basis:82vw;scroll-snap-align:center}.board-header{padding:12px 16px}.task-row{flex-wrap:wrap}.task-row .title{flex-basis:100%;white-space:normal}.timer-task{max-width:120px}.modal-backdrop{padding:0}.modal{border-radius:0;min-height:100%}}.view-toggle{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--surface)}.view-toggle button{font:inherit;font-size:13px;border:0;background:transparent;color:var(--text-2);padding:6px 12px;cursor:pointer}.view-toggle button.on{background:var(--primary);color:var(--primary-ink)}.list-page{padding:0 20px 20px;overflow-y:auto}.list-title{flex:1;min-width:160px;font:inherit;font-weight:500;color:var(--text);background:none;border:0;padding:0;text-align:start;cursor:pointer}.list-title:hover{color:var(--primary)}.quick-add-btn.inline{border-top:1px solid var(--border);padding:8px 12px}.subtasks-section .section-header{margin-bottom:4px}.subtasks-section .section-header h4{margin:0}.lanes.compact{padding:8px 0 4px}.lanes.compact .lane{flex-basis:220px}.title-wrap{display:flex;flex-direction:column;gap:2px}.parent-link{align-self:flex-start;font:inherit;font-size:12px;font-weight:500;color:var(--primary);background:var(--primary-soft);border:0;border-radius:999px;padding:2px 10px;cursor:pointer}.parent-note{font-size:12px;color:var(--primary)}.meta .all-done{color:var(--success)}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.skeleton-line,.skeleton-block{display:block;border-radius:8px;background:linear-gradient(90deg,var(--surface-2) 25%,var(--border) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.2s infinite linear}.skeleton-line{height:20px;width:160px}.skeleton-line.wide{width:320px;max-width:70vw}.skeleton-block{height:120px}.skeleton-block.small{height:70px}.task-card.saving{opacity:.6}.attachments-section{border-radius:10px;transition:background .15s}.attachments-section.dragging{background:var(--primary-soft);outline:2px dashed var(--primary);outline-offset:4px}.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin-bottom:8px}.thumb{position:relative;margin:0;aspect-ratio:1;border-radius:8px;overflow:hidden;border:1px solid var(--border);background:var(--surface-2)}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb.uploading img{opacity:.55}.thumb.failed{outline:2px solid var(--danger)}.thumb .progress{position:absolute;bottom:0;inset-inline-start:0;height:4px;background:var(--primary);transition:width .2s}.thumb-remove{position:absolute;top:4px;inset-inline-end:4px;width:22px;height:22px;border-radius:50%;border:0;background:#0009;color:#fff;cursor:pointer;font-size:11px;display:grid;place-items:center}.attachments li .bar{width:90px;height:6px;background:var(--surface-2);border-radius:999px;overflow:hidden}.attachments li .bar span{display:block;height:100%;background:var(--primary);transition:width .2s}.push-card{display:flex;flex-direction:column;gap:10px}.push-head{display:flex;gap:10px;align-items:flex-start}.push-head p{margin:2px 0 0}.push-icon{font-size:22px}.install-steps{margin:0;padding-inline-start:20px;color:var(--text-2);display:flex;flex-direction:column;gap:4px}.notice{background:var(--primary-soft);border-radius:8px;padding:10px 12px;margin:0;line-height:1.7}.task-table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto}.task-table{width:100%;border-collapse:collapse;font-size:14px}.task-table th{text-align:start;font-weight:600;font-size:12px;color:var(--muted);background:var(--surface-2);padding:8px 12px;white-space:nowrap}.task-table td{padding:8px 12px;border-top:1px solid var(--border);white-space:nowrap;vertical-align:middle}.task-table td.task-name{white-space:normal;min-width:180px;width:100%;position:sticky;inset-inline-start:0;background:var(--surface)}.task-table tbody tr:hover td.task-name,.task-table tbody tr:hover{background:var(--surface-2)}.task-table tr.done .list-title{text-decoration:line-through;color:var(--muted)}.task-table tr.saving{opacity:.6}.task-table td.overdue{color:var(--danger);font-weight:600}.task-name-meta{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;margin-top:4px;font-size:12px;color:var(--muted)}.task-name-meta .all-done{color:var(--success)}.status-select{font:inherit;font-size:12px;font-weight:600;color:var(--status);background:color-mix(in srgb,var(--status) 14%,transparent);border:1px solid color-mix(in srgb,var(--status) 40%,transparent);border-radius:999px;padding:3px 10px;cursor:pointer}.status-select:disabled{cursor:default;opacity:1}.priority-cell{font-size:12px;font-weight:600}.task-table-wrap>.quick-add{border-top:1px solid var(--border);padding:8px 12px}.task-table-wrap>.quick-add-btn{display:block;width:100%}@media(max-width:640px){.task-table{font-size:13px}.task-table th,.task-table td{padding:8px}.task-table td.task-name{min-width:130px}.status-select{padding:3px 8px}}.task-number{color:var(--muted);font-weight:500;font-size:.85em;font-variant-numeric:tabular-nums}.status-pill{display:inline-block;font-size:12px;font-weight:600;color:var(--status);background:color-mix(in srgb,var(--status) 14%,transparent);border:1px solid color-mix(in srgb,var(--status) 40%,transparent);border-radius:999px;padding:2px 10px;white-space:nowrap}.sidebar-search{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:4px 12px 8px;padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:var(--sidebar-text);font:inherit;cursor:pointer}.sidebar-search:hover{background:var(--sidebar-active);color:#fff}.sidebar-search kbd,.palette-footer kbd{font:inherit;font-size:11px;opacity:.7;border:1px solid currentColor;border-radius:4px;padding:0 4px}.nav.favorites a.board-link{padding-inline-start:18px}.nav.favorites a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block}.nav .star{color:#f5b301}.topbar-search{display:flex;align-items:center;gap:8px;flex:0 1 360px;min-width:0;font:inherit;color:var(--muted);background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:6px 12px;cursor:pointer;text-align:start}.topbar-search:hover{border-color:var(--primary);color:var(--text)}.topbar-search span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.palette-backdrop{position:fixed;inset:0;z-index:60;background:#0a0c198c;display:flex;justify-content:center;align-items:flex-start;padding:10vh 16px 16px}.palette{width:100%;max-width:640px;max-height:75vh;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 24px 70px #00000059;overflow:hidden}.palette-input{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border)}.palette-input input{flex:1;min-width:0;border:0;outline:0;background:none;font-size:16px;color:var(--text);padding:4px 0}.palette-list{overflow-y:auto;padding:6px}.palette-section{font-size:12px;font-weight:600;color:var(--muted);padding:10px 10px 4px}.palette-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;border-radius:8px;background:none;color:var(--text);font:inherit;text-align:start;cursor:pointer}.palette-item.active{background:var(--primary-soft)}.palette-item.done .palette-title{text-decoration:line-through;color:var(--muted)}.palette-icon{width:20px;text-align:center;color:var(--muted);flex:none}.palette-text{flex:1;min-width:0;display:flex;flex-direction:column}.palette-title,.palette-where{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.palette-where{font-size:12px;color:var(--muted)}.palette-empty{padding:16px 12px;margin:0}.palette-footer{display:flex;gap:16px;padding:8px 14px;border-top:1px solid var(--border)}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid var(--border);border-top-color:var(--primary);animation:spin .7s linear infinite;flex:none}.wide-page{max-width:none}.all-filters .grow{flex:1 1 260px;min-width:0}.task-table-wrap.stale{opacity:.6;transition:opacity .15s}.task-table a.list-title{display:inline;text-decoration:none}.task-name-meta .where{display:inline-flex;align-items:center;gap:5px}.task-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.task-table th.sortable:hover{color:var(--text)}.title-row{display:flex;align-items:center;gap:8px}.title-row .task-number{flex:none;font-size:15px}.star-btn{flex:none;font-size:20px;line-height:1;color:var(--muted);background:none;border:0;cursor:pointer;padding:2px 4px}.star-btn.on{color:#f5b301}@media(max-width:640px){.palette-backdrop{padding:0}.palette{max-width:none;max-height:100%;height:100%;border-radius:0}.palette-footer{display:none}.topbar-search{flex:1 1 auto}}.title-row .title-input{flex:1;min-width:0}.task-group h2 small{font-size:12px;font-weight:400}.task-group.new h2{color:var(--primary)}.task-list li.fresh{background:color-mix(in srgb,var(--primary) 6%,transparent)}.new-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--primary);margin-inline-end:6px;vertical-align:middle}.task-followup{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:0 14px 10px;padding-inline-start:38px;font-size:12px}.task-followup:empty{display:none}.task-followup .btn{margin-inline-start:auto}.quiet-badge{color:#b45309;background:color-mix(in srgb,#f59e0b 16%,transparent);border-radius:999px;padding:1px 8px;font-weight:600}.assignee-states{display:flex;flex-wrap:wrap;gap:6px}.assignee-state{display:inline-flex;align-items:center;gap:4px;color:var(--success)}.assignee-state.unseen{color:var(--danger);font-weight:600}.assignee-state .avatar{font-size:10px}body{background:radial-gradient(900px 600px at 100% -10%,var(--glow-1),transparent 60%),radial-gradient(700px 500px at -10% 110%,var(--glow-2),transparent 60%),var(--bg);background-attachment:fixed;-webkit-font-smoothing:antialiased}::selection{background:color-mix(in srgb,var(--primary) 30%,transparent)}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--muted) 45%,transparent) transparent}h1{font-size:26px;font-weight:700;letter-spacing:-.01em}h2{font-weight:600}input,select,textarea{border-radius:10px;border-color:var(--border);transition:border-color .15s,box-shadow .15s}input:hover,select:hover,textarea:hover{border-color:color-mix(in srgb,var(--primary) 35%,var(--border))}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 16%,transparent)}input[type=checkbox],input[type=radio]{accent-color:var(--primary)}.btn{border-radius:10px;transition:transform .12s,box-shadow .15s,background .15s,filter .15s}.btn:active:not(:disabled){transform:translateY(1px) scale(.99)}.btn.primary{background:var(--grad);border-color:transparent;box-shadow:0 6px 18px -6px color-mix(in srgb,var(--primary) 70%,transparent)}.btn.primary:hover:not(:disabled){filter:brightness(1.06) saturate(1.1);box-shadow:0 10px 24px -8px color-mix(in srgb,var(--primary) 80%,transparent);transform:translateY(-1px)}.icon-btn{border-radius:8px;transition:background .15s}.card{border-radius:16px}.empty{border-radius:16px;background:color-mix(in srgb,var(--surface) 60%,transparent)}.badge{background:linear-gradient(135deg,#ff4f6d,#ff2d87);box-shadow:0 4px 12px -4px #ff2d87b3;font-weight:600}.count{background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--text-2);font-weight:600}.sidebar{background:radial-gradient(420px 260px at 100% 0%,color-mix(in srgb,var(--primary) 32%,transparent),transparent 70%),radial-gradient(300px 300px at 0% 100%,color-mix(in srgb,var(--primary-3) 14%,transparent),transparent 70%),var(--sidebar);border-inline-end:1px solid rgba(255,255,255,.04)}.brand{padding:18px 16px 14px}.brand-mark{background:var(--grad);border-radius:12px;box-shadow:0 8px 20px -6px color-mix(in srgb,var(--primary) 80%,transparent)}.brand strong{font-size:15px;letter-spacing:.01em}.nav{gap:2px}.nav a{position:relative;padding:8px 12px;border-radius:10px;transition:background .15s,color .15s}.nav a.active{background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 36%,transparent),color-mix(in srgb,var(--primary) 8%,transparent))}.nav a.active:before{content:"";position:absolute;inset-inline-start:-8px;top:8px;bottom:8px;width:3px;border-radius:3px;background:var(--grad)}.nav-section{font-size:11px;letter-spacing:.06em;color:#8c86b3}.sidebar-search{border-radius:10px;border-color:#ffffff1a;background:#ffffff0d}.sidebar-footer{border-top-color:#ffffff0f}.topbar{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--surface) 72%,transparent);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);border-bottom-color:color-mix(in srgb,var(--border) 70%,transparent)}.topbar-search{border-radius:12px;background:color-mix(in srgb,var(--surface-2) 80%,transparent)}.timer-bar{background:var(--grad);color:#fff;box-shadow:0 6px 18px -8px color-mix(in srgb,var(--primary) 80%,transparent)}.timer-bar .timer-task,.timer-bar .clock{color:#fff}.theme-btn{font-size:17px}.board-header h1{font-size:28px}.lane{background:color-mix(in srgb,var(--lane) 85%,transparent);border:1px solid color-mix(in srgb,var(--border) 60%,transparent);border-radius:18px}.lane-header{border-top:0;padding:12px 14px 8px;position:relative}.lane-header:before{content:"";position:absolute;top:0;inset-inline:16px;height:3px;border-radius:0 0 4px 4px;background:currentColor;opacity:.9}.lane-title:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--lane-color, var(--primary));box-shadow:0 0 0 4px color-mix(in srgb,var(--lane-color, var(--primary)) 20%,transparent)}.lane-header{color:var(--lane-color, var(--primary))}.lane-header .lane-title{color:var(--text)}.lane-body{gap:10px;padding:6px 10px 8px}.task-card{border-radius:14px;padding:12px 14px;transition:transform .15s,box-shadow .15s,border-color .15s}.task-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:color-mix(in srgb,var(--primary) 40%,var(--border))}.task-card.overlay{transform:rotate(-2deg) scale(1.03);box-shadow:var(--shadow-lg)}.task-card h3{font-weight:500;line-height:1.55}.add-lane{border-radius:18px}.quick-add-btn{border-radius:10px}.task-table-wrap,.task-list{border-radius:16px;box-shadow:var(--shadow)}.task-table th{background:color-mix(in srgb,var(--surface-2) 85%,transparent);font-size:11px;letter-spacing:.04em}.task-table tbody tr,.task-row{transition:background .12s}.task-table tbody tr:hover,.task-table tbody tr:hover td.task-name,.task-row:hover{background:color-mix(in srgb,var(--primary) 5%,var(--surface))}.status-select,.status-pill,.pill-select{transition:filter .15s}.status-select:hover:not(:disabled),.pill-select:hover{filter:saturate(1.4)}.view-toggle{background:var(--surface-2);border-radius:12px;padding:3px;gap:2px;border-color:transparent}.view-toggle button{border-radius:9px;transition:background .15s,color .15s,box-shadow .15s}.view-toggle button.on{background:var(--surface);color:var(--primary);font-weight:600;box-shadow:0 2px 8px -2px #17142b33}.modal-backdrop,.palette-backdrop{background:#08061480;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.modal,.palette{border-radius:22px;border:1px solid var(--border);box-shadow:var(--shadow-lg);animation:pop-in .18s ease-out}.modal-header{padding:16px 20px}.modal-body{padding:20px}.task-side{border-radius:16px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 80%,transparent)}.bubble{border-radius:14px;border-start-start-radius:4px}@keyframes pop-in{0%{opacity:0;transform:translateY(8px) scale(.98)}}@media(max-width:900px){.modal{border-radius:0;border:0}}.auth-page{position:relative;overflow:hidden;background:var(--bg)}.auth-page:before,.auth-page:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;filter:blur(70px);opacity:.55;animation:drift 18s ease-in-out infinite alternate;pointer-events:none}.auth-page:before{background:var(--primary);top:-160px;inset-inline-end:-120px}.auth-page:after{background:var(--primary-3);bottom:-200px;inset-inline-start:-140px;animation-delay:-9s;opacity:.35}.auth-card{position:relative;z-index:1;border-radius:24px;background:color-mix(in srgb,var(--surface) 78%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:var(--shadow-lg)}.auth-brand h1{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}@keyframes drift{to{transform:translate(-60px,50px) scale(1.15)}}.page-header h1{background:linear-gradient(90deg,var(--text) 40%,var(--primary));-webkit-background-clip:text;background-clip:text;color:transparent}.cell-edit{position:relative;display:inline-flex;align-items:center;gap:4px;min-height:28px;padding:2px 8px;margin-inline:-8px;border-radius:8px;border:1px solid transparent;background:none;font:inherit;color:inherit;cursor:pointer;transition:background .12s,border-color .12s}.cell-edit:hover{background:var(--surface-2);border-color:var(--border)}.cell-edit input[type=date]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;padding:0;border:0}.cell-edit.overdue{color:var(--danger);font-weight:600}.cell-placeholder{color:var(--muted);font-size:12px;opacity:0;transition:opacity .12s}tr:hover .cell-placeholder,.cell-edit:focus-within .cell-placeholder,.cell-edit:focus .cell-placeholder{opacity:1}@media(hover:none){.cell-placeholder{opacity:1}}.cell-clear{position:relative;z-index:1;border:0;background:none;color:var(--muted);cursor:pointer;font-size:15px;line-height:1;padding:0 2px;opacity:0}.cell-edit:hover .cell-clear{opacity:1}@media(hover:none){.cell-clear{opacity:1}}.pill-select{font:inherit;font-size:12px;font-weight:600;color:var(--status);background:color-mix(in srgb,var(--status) 12%,transparent);border:1px solid color-mix(in srgb,var(--status) 32%,transparent);border-radius:999px;padding:3px 10px;cursor:pointer}.people-picker{position:fixed;z-index:70;width:260px;max-height:320px;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-lg);overflow:hidden;animation:pop-in .14s ease-out}.people-search{margin:8px;border-radius:10px}.people-list{overflow-y:auto;padding:6px}.people-option{display:flex;align-items:center;gap:10px;width:100%;padding:7px 8px;border:0;border-radius:10px;background:none;color:var(--text);font:inherit;cursor:pointer;text-align:start}.people-option:hover{background:var(--surface-2)}.people-option.on{background:var(--primary-soft)}.people-name{flex:1}.people-check{color:var(--primary);font-weight:700;width:16px}.appearance{display:flex;flex-direction:column;gap:14px}.mode-options,.accent-options{display:flex;gap:8px;flex-wrap:wrap}.mode-option{flex:1 1 110px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px;border-radius:14px;border:2px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;transition:border-color .15s,transform .15s}.mode-option:hover{transform:translateY(-1px)}.mode-option.on{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}.mode-preview{width:100%;height:46px;border-radius:10px;border:1px solid var(--border)}.mode-preview.light{background:linear-gradient(135deg,#fff 50%,#efedf9 50%)}.mode-preview.dark{background:linear-gradient(135deg,#14121f 50%,#0a0913 50%)}.mode-preview.auto{background:linear-gradient(135deg,#fff 50%,#14121f 50%)}.accent-option{width:38px;height:38px;border-radius:50%;border:3px solid var(--surface);box-shadow:0 0 0 2px var(--border);cursor:pointer;transition:transform .15s,box-shadow .15s}.accent-option:hover{transform:scale(1.08)}.accent-option.on{box-shadow:0 0 0 3px var(--text)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}body{overscroll-behavior-y:none}button,.tab,.nav a,.task-card,.task-row,.palette-item,.people-option{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation}.page-anim{height:100%;animation:page-in .22s ease-out}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}}.tabbar,.topbar-brand,.sheet-handle{display:none}.watch-btn{flex:none;display:inline-flex;align-items:center;gap:4px;font:inherit;font-size:12px;font-weight:600;color:var(--muted);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:4px 10px;cursor:pointer}.watch-btn.on,.watch-board.on{color:var(--primary);background:var(--primary-soft);border-color:color-mix(in srgb,var(--primary) 30%,transparent)}.app-banner{display:flex;align-items:center;gap:10px;margin:12px 16px 0;padding:10px 12px;border-radius:16px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}.app-banner img{border-radius:9px;flex:none}.app-banner span:not(.push-bell){flex:1;display:flex;flex-direction:column;min-width:0}.app-banner small{color:var(--muted)}.push-banner{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 14%,var(--surface)),var(--surface))}.push-bell{font-size:24px;animation:ring 2.4s ease-in-out infinite;transform-origin:top center}@keyframes ring{0%,70%,to{transform:rotate(0)}75%{transform:rotate(14deg)}85%{transform:rotate(-12deg)}92%{transform:rotate(6deg)}}.offline-banner{background:#b45309;color:#fff;text-align:center;font-size:12px;font-weight:600;padding:6px 12px;padding-top:max(6px,env(safe-area-inset-top))}.toasts{position:fixed;z-index:80;top:calc(env(safe-area-inset-top) + 10px);inset-inline:0;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;padding:0 12px}.toast{pointer-events:auto;display:flex;align-items:center;gap:10px;width:100%;max-width:440px;padding:10px 14px;border-radius:18px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(18px) saturate(1.6);-webkit-backdrop-filter:blur(18px) saturate(1.6);box-shadow:var(--shadow-lg);color:var(--text);font:inherit;text-align:start;cursor:pointer;animation:toast-in .35s cubic-bezier(.2,.9,.3,1.2)}.toast-icon{font-size:22px}.toast-text{flex:1;font-size:13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@keyframes toast-in{0%{opacity:0;transform:translateY(-24px) scale(.96)}}.pull-indicator{display:grid;place-items:center;overflow:hidden;transition:height .2s}.pull-spinner{width:24px;height:24px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--primary)}.pull-spinner.spinning{animation:spin .7s linear infinite}.install-page{min-height:100%;display:grid;place-items:center;padding:24px 16px calc(24px + env(safe-area-inset-bottom));position:relative;overflow:hidden}.install-page:before{content:"";position:absolute;width:480px;height:480px;border-radius:50%;background:var(--primary);filter:blur(90px);opacity:.35;top:-200px;inset-inline-end:-160px}.install-card{position:relative;width:100%;max-width:420px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;background:color-mix(in srgb,var(--surface) 82%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:28px;padding:28px 22px;box-shadow:var(--shadow-lg)}.install-icon{width:96px;height:96px;border-radius:22px;box-shadow:0 16px 40px -12px color-mix(in srgb,var(--primary) 80%,transparent)}.install-card p{margin:0}.install-btn{width:100%;padding:12px;font-size:16px}.install-steps.big{list-style:none;padding:0;margin:4px 0;width:100%;text-align:start;display:flex;flex-direction:column;gap:8px;color:var(--text)}.install-steps.big li{display:flex;align-items:center;gap:12px;background:var(--surface-2);border-radius:14px;padding:12px}.step-icon{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:10px;background:var(--surface);font-size:18px}.install-done{color:var(--success);font-weight:600}@media(max-width:900px){input,select,textarea{font-size:16px}.menu-btn{display:none}.topbar{padding-top:env(safe-area-inset-top);min-height:calc(52px + env(safe-area-inset-top))}.topbar-brand{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:17px}.topbar-brand .brand-mark{width:30px;height:30px;font-size:15px;border-radius:9px}.topbar-search{display:none}.sidebar{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.content{padding-bottom:calc(66px + env(safe-area-inset-bottom))}.page-header h1,.board-header h1{font-size:24px}.tabbar{display:flex;position:fixed;z-index:35;bottom:0;inset-inline:0;height:calc(62px + env(safe-area-inset-bottom));padding:4px 6px env(safe-area-inset-bottom);background:color-mix(in srgb,var(--surface) 82%,transparent);backdrop-filter:blur(20px) saturate(1.7);-webkit-backdrop-filter:blur(20px) saturate(1.7);border-top:1px solid color-mix(in srgb,var(--border) 80%,transparent)}.tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font:inherit;font-size:10.5px;font-weight:500;color:var(--muted);background:none;border:0;padding:0;cursor:pointer;transition:color .15s,transform .1s}.tab:active{transform:scale(.92)}.tab.active{color:var(--primary);font-weight:700}.tab-icon{position:relative;font-size:21px;line-height:1;filter:grayscale(.6);opacity:.85;transition:filter .15s,opacity .15s}.tab.active .tab-icon{filter:none;opacity:1}.tab-search .search-orb{width:46px;height:46px;margin-top:-18px;display:grid;place-items:center;border-radius:16px;background:var(--grad);filter:none;opacity:1;font-size:19px;box-shadow:0 10px 22px -8px color-mix(in srgb,var(--primary) 80%,transparent)}.tab-badge{position:absolute;top:-6px;inset-inline-end:-12px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:linear-gradient(135deg,#ff4f6d,#ff2d87);color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center;font-family:inherit;border:2px solid var(--surface)}.modal-backdrop,.palette-backdrop{padding:0;place-items:end center;align-items:flex-end}.modal{border-radius:24px 24px 0 0;border:0;min-height:0;max-height:calc(100dvh - env(safe-area-inset-top) - 10px);overflow-y:auto;padding-bottom:env(safe-area-inset-bottom);animation:sheet-up .32s cubic-bezier(.2,.9,.25,1);transition:transform .2s;overscroll-behavior:contain}.modal.dragging{transition:none}.modal.wide{height:calc(100dvh - env(safe-area-inset-top) - 10px)}.sheet-handle{display:block;position:sticky;top:0;z-index:3;height:22px;background:var(--surface)}.sheet-handle:after{content:"";position:absolute;top:8px;left:50%;width:40px;height:5px;margin-left:-20px;border-radius:3px;background:color-mix(in srgb,var(--muted) 45%,transparent)}.modal-header{position:sticky;top:22px;z-index:2;background:var(--surface);padding-top:4px}.palette{border-radius:24px 24px 0 0;height:calc(100dvh - env(safe-area-inset-top) - 10px);max-height:none;animation:sheet-up .32s cubic-bezier(.2,.9,.25,1);padding-bottom:env(safe-area-inset-bottom)}.app-banner{margin:12px 12px 0}.task-card:active,.task-row:active,.palette-item:active{transform:scale(.98)}}@keyframes sheet-up{0%{transform:translateY(100%)}}.standalone body{-webkit-user-select:none;user-select:none}.standalone input,.standalone textarea,.standalone [contenteditable],.standalone .bubble p,.standalone .description{-webkit-user-select:text;user-select:text}.filter-extra{display:contents}.filter-toggle{display:none}.filter-toggle.on{color:var(--primary);border-color:color-mix(in srgb,var(--primary) 40%,var(--border))}.tab-icon svg{display:block}@media(max-width:900px){.filter-toggle{display:inline-flex}.filter-extra{display:none;width:100%;gap:8px;flex-wrap:wrap}.filter-extra.open{display:flex;animation:page-in .18s ease-out}.filter-extra>*{flex:1 1 140px}.board-header .filters{width:100%}.board-header .filters input[type=search]{flex:1 1 160px}.tab-icon{filter:none;opacity:1}.tab-search .search-orb{color:#fff}.task-row .title{flex:1 1 calc(100% - 34px)}}svg.lucide{width:1.15em;height:1.15em;flex:none;vertical-align:-.2em;stroke-width:2}.nav a svg.lucide{width:18px;height:18px;opacity:.85}.nav a.active svg.lucide{opacity:1}.nav .star{color:#f5b301;width:14px;height:14px;margin-inline-end:4px}.lock{width:13px;height:13px;opacity:.7}.btn svg.lucide,.link-btn svg.lucide{width:16px;height:16px}.icon-btn svg.lucide{width:18px;height:18px;vertical-align:middle}.theme-btn svg.lucide{width:19px;height:19px}.meta span,.task-name-meta span,.parent-note,.quiet-badge,.success-text,.install-done,.cell-placeholder{display:inline-flex;align-items:center;gap:4px}.meta svg.lucide,.task-name-meta svg.lucide{width:13px;height:13px}svg.priority{width:14px;height:14px}.task-card .meta svg.priority{width:13px;height:13px}.done-mark{color:var(--success);width:16px;height:16px}.palette-icon{display:grid;place-items:center}.palette-icon svg.lucide{width:18px;height:18px}.palette-input>svg.lucide{width:20px;height:20px;color:var(--muted)}.star-btn svg.lucide{width:21px;height:21px;vertical-align:middle}.watch-btn svg.lucide{width:15px;height:15px}.step-icon svg.lucide{width:20px;height:20px;color:var(--primary)}.push-bell,.push-icon{display:grid;place-items:center;color:var(--primary)}.push-bell svg.lucide,.push-icon svg.lucide{width:26px;height:26px}.toast-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--primary-soft);color:var(--primary)}.toast-icon svg.lucide{width:17px;height:17px}.sidebar-search svg.lucide{width:16px;height:16px}.view-toggle svg.lucide{width:15px;height:15px}.empty svg.lucide{width:20px;height:20px;color:var(--primary)}.tab-icon svg.lucide{width:24px;height:24px;stroke-width:1.9}.tab.active .tab-icon svg.lucide{stroke-width:2.4}.tab-search .search-orb svg.lucide{width:22px;height:22px;stroke-width:2.4}.people-check svg.lucide{width:16px;height:16px}.file-icon svg.lucide{width:22px;height:22px;color:var(--muted)}@media(max-width:900px){body{font-size:13.5px}h1,.page-header h1,.board-header h1{font-size:20px}h2{font-size:15px;margin-bottom:8px}.page{padding:12px 14px;gap:14px}.board-header{padding:10px 14px 8px;gap:8px;align-items:flex-start}.crumb{font-size:11px}.btn{padding:6px 12px;font-size:13px;border-radius:9px}.btn.small{padding:4px 9px;font-size:12px}input,select,textarea{padding:6px 10px;border-radius:9px}.filters{gap:6px}.view-toggle{padding:2px;border-radius:10px}.view-toggle button{padding:4px 10px;font-size:12px;border-radius:8px}.lanes{gap:10px;padding:0 14px 12px}.lane{flex-basis:76vw;border-radius:16px}.lane-header{padding:9px 12px 5px}.lane-title{font-size:13.5px;gap:5px}.lane-body{gap:7px;padding:4px 8px 6px}.task-card{padding:9px 11px;border-radius:12px;gap:5px}.task-card h3{font-size:13.5px;line-height:1.5}.task-card .avatar{width:22px!important;height:22px!important;font-size:9px!important}.meta{gap:8px;font-size:11.5px}.count{font-size:11px;padding:0 7px}.quick-add-btn{padding:6px 12px 9px;font-size:13px}.topbar{min-height:calc(46px + env(safe-area-inset-top));padding-inline:14px}.topbar-brand{font-size:15px;gap:7px}.topbar-brand .brand-mark{width:26px;height:26px;font-size:13px;border-radius:8px}.theme-btn svg.lucide{width:17px;height:17px}.tabbar{height:calc(54px + env(safe-area-inset-bottom));padding-top:3px}.tab{font-size:10px;gap:1px}.tab-icon svg.lucide{width:22px;height:22px}.tab-search .search-orb{width:40px;height:40px;margin-top:-12px;border-radius:13px}.tab-search .search-orb svg.lucide{width:19px;height:19px}.tab-badge{min-width:16px;height:16px;font-size:9px;top:-5px;inset-inline-end:-10px}.content{padding-bottom:calc(58px + env(safe-area-inset-bottom))}.task-group h2{font-size:15px}.task-row{padding:8px 12px;gap:8px}.task-followup{padding:0 12px 8px;padding-inline-start:32px;font-size:11.5px}.task-table th,.task-table td{padding:7px 8px}.app-banner{padding:8px 10px;gap:8px;border-radius:14px}.notifications li{padding:9px 12px;gap:10px}.modal-header{padding:6px 14px 10px}.modal-body{padding:14px}.title-input{font-size:17px}.task-main{gap:16px}}.form-page{min-height:100%;display:flex;flex-direction:column;align-items:center;padding:32px 16px calc(24px + env(safe-area-inset-bottom))}.form-card{width:100%;max-width:640px;background:var(--surface);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow-lg);overflow:hidden}.form-card:before{content:"";display:block;height:8px;background:var(--grad)}.form-view{display:flex;flex-direction:column;gap:18px;padding:24px}.form-view-head h1{font-size:24px;margin:0 0 6px}.form-view-head p{margin:0;color:var(--text-2);white-space:pre-wrap;line-height:1.7}.form-question{display:flex;flex-direction:column;gap:6px}.form-question>input,.form-question>textarea,.form-question>select{width:100%}.question-label{font-weight:600}.required{color:var(--danger);margin-inline-start:3px}.form-question.has-error input,.form-question.has-error textarea,.form-question.has-error select{border-color:var(--danger)}.question-error{color:var(--danger);font-size:12px;font-weight:600}.choice-chips{display:flex;flex-wrap:wrap;gap:6px}.choice-chips button{font:inherit;padding:7px 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;transition:background .12s,border-color .12s}.choice-chips button.on{background:var(--primary-soft);border-color:var(--primary);color:var(--primary);font-weight:600}.rating{display:flex;gap:4px}.rating button{border:0;background:none;padding:2px;cursor:pointer;color:var(--border)}.rating button.on{color:#f5b301}.rating svg.lucide{width:30px;height:30px}.file-field{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.file-chip{display:inline-flex;align-items:center;gap:4px;background:var(--surface-2);border-radius:999px;padding:3px 4px 3px 10px;font-size:12px;max-width:100%}.file-chip button{border:0;background:none;color:var(--muted);cursor:pointer;display:grid}.hp-field{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.form-submit{padding:11px;font-size:15px}.form-message{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:40px 24px}.form-message h1{margin:0}.sent-icon{width:56px!important;height:56px!important;color:var(--success)}.form-powered{margin-top:14px}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.form-tile{display:flex;flex-direction:column;gap:6px;color:var(--text);transition:transform .15s,box-shadow .15s}.form-tile:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.form-tile-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--primary-soft);color:var(--primary)}.form-state{align-self:flex-start;font-size:11px;font-weight:600;padding:2px 10px;border-radius:999px;background:var(--surface-2);color:var(--muted)}.form-state.on{background:color-mix(in srgb,var(--success) 14%,transparent);color:var(--success)}a.crumb{color:var(--muted)}.builder-title{font-size:22px;padding-inline:0}.builder-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:20px;align-items:start}.builder-editor{display:flex;flex-direction:column;gap:12px;min-width:0}.builder-tabs{align-self:flex-start}.builder-preview{position:sticky;top:12px;display:flex;flex-direction:column;gap:6px;max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain;padding-bottom:8px}.builder-preview>*{flex:none}.builder-preview .form-card{box-shadow:var(--shadow)}.question-card{display:flex;flex-direction:column;gap:8px;padding:14px}.question-card select{max-width:160px}.question-no{width:26px;height:26px;flex:none;display:grid;place-items:center;border-radius:8px;background:var(--primary-soft);color:var(--primary);font-weight:700;font-size:12px}.icon-btn.danger{color:var(--danger)}.add-question{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.copy-row{display:flex;gap:6px}.copy-row input{flex:1;min-width:0;font-size:13px}.share-card .field>span{display:inline-flex;align-items:center;gap:6px}.preview-toggle{display:none}@media(max-width:1000px){.builder-layout{grid-template-columns:1fr}.builder-preview{display:none;position:static;max-height:none;overflow:visible}.builder-layout.previewing .builder-editor{display:none}.builder-layout.previewing .builder-preview{display:flex}.preview-toggle{display:inline-flex}}@media(max-width:640px){.form-page{padding:0 0 24px}.form-card{border-radius:0;border-inline:0;box-shadow:none}.form-view{padding:18px 16px}.copy-row{flex-wrap:wrap}}.drop-zone{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:48px 20px;border:2px dashed color-mix(in srgb,var(--primary) 35%,var(--border));border-radius:22px;background:color-mix(in srgb,var(--primary) 4%,var(--surface));cursor:pointer;transition:background .15s,border-color .15s}.drop-zone:hover{border-color:var(--primary);background:var(--primary-soft)}.drop-icon{width:46px!important;height:46px!important;color:var(--primary)}.mapping-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.mapping-item{display:flex;flex-direction:column;gap:4px;padding:10px;border-radius:12px;background:var(--surface-2)}.mapping-head{font-weight:600;color:var(--text)}.mapping-sample{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.import-go{align-self:flex-start;padding:10px 18px}.import-progress{display:flex;align-items:center;gap:12px}.import-bar{flex:1;height:10px;border-radius:999px;background:var(--surface-2);overflow:hidden}.import-bar span{display:block;height:100%;background:var(--grad);transition:width .3s}.import-done{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:32px}.import-done .notice{text-align:start;display:flex;gap:8px;align-items:flex-start}.import-page h2{display:flex;align-items:baseline;gap:8px}.rich-text{line-height:1.75;overflow-wrap:anywhere}.rich-text p{margin:0}.rich-text ul,.rich-text ol{margin:2px 0;padding-inline-start:22px}.rich-text li{margin:1px 0}.rich-text a{color:var(--primary);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--primary) 40%,transparent);text-underline-offset:3px}.mention{display:inline-block;padding:0 6px;border-radius:6px;background:var(--primary-soft);color:var(--primary);font-weight:600}.bubble .rich-text{margin-top:4px}.description-view{position:relative;padding:10px 12px;border-radius:12px;border:1px solid transparent;transition:background .15s,border-color .15s}.description-view.editable{cursor:text}.description-view.editable:hover{background:var(--surface-2);border-color:var(--border)}.edit-hint{position:absolute;top:8px;inset-inline-end:10px;display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--muted);opacity:0;transition:opacity .15s}.description-view:hover .edit-hint{opacity:1}@media(hover:none){.edit-hint{opacity:.7}}.checklists .section-header h4{display:inline-flex;align-items:center;gap:6px;margin:0}.checklist{border:1px solid var(--border);border-radius:14px;padding:10px 12px;margin-bottom:10px;background:var(--surface)}.checklist header{display:flex;align-items:center;gap:8px}.checklist header strong{flex:1}.checklist-count{font-size:12px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}.checklist-count.complete{color:var(--success)}.checklist-bar{height:5px;border-radius:999px;background:var(--surface-2);margin:8px 0 6px;overflow:hidden}.checklist-bar span{display:block;height:100%;border-radius:999px;background:var(--grad);transition:width .3s}.checklist ul{list-style:none;margin:0;padding:0}.checklist li{display:flex;align-items:center;gap:6px;border-radius:8px;padding:2px 4px}.checklist li:hover{background:var(--surface-2)}.checklist li label{flex:1;display:flex;align-items:center;gap:10px;padding:5px 0;cursor:pointer}.checklist li input{width:17px;height:17px;flex:none}.checklist li.done span{text-decoration:line-through;color:var(--muted)}.item-remove{opacity:0}.checklist li:hover .item-remove{opacity:1}@media(hover:none){.item-remove{opacity:.6}}.checklist-add input,.checklist-new input{width:100%}.checklist-add{padding:4px 0}.checklist-new{display:flex;gap:6px;align-items:center}.checklist-new input{flex:1}.checklist .quick-add-btn.inline{border-top:0;padding:6px 4px}.mention-wrap{position:relative;flex:1}.mention-wrap textarea{width:100%}.mention-menu{position:absolute;bottom:calc(100% + 6px);inset-inline-start:0;z-index:5;min-width:220px;display:flex;flex-direction:column;padding:6px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-lg);animation:pop-in .12s ease-out}.mention-menu button{display:flex;align-items:center;gap:8px;padding:6px 8px;border:0;border-radius:9px;background:none;color:var(--text);font:inherit;text-align:start;cursor:pointer}.mention-menu button.active,.mention-menu button:hover{background:var(--primary-soft)}.home-page{max-width:1000px}.hero-card{position:relative;overflow:hidden;padding:26px 24px;border-radius:24px;color:#fff;background:var(--grad);box-shadow:0 24px 50px -24px color-mix(in srgb,var(--primary) 80%,transparent)}.hero-glow{position:absolute;width:320px;height:320px;border-radius:50%;background:#ffffff38;filter:blur(60px);top:-140px;inset-inline-start:-80px;pointer-events:none}.hero-card h1{position:relative;font-size:28px;color:#fff;margin:6px 0 2px;background:none;-webkit-text-fill-color:#fff}.hero-icon{position:relative;display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#fff3}.hero-icon svg.lucide{width:22px;height:22px}.hero-date{position:relative;margin:0 0 12px;opacity:.85}.hero-summary{position:relative;margin:0;font-size:15px}.hero-summary ul{margin:6px 0 0;padding-inline-start:20px;display:flex;flex-direction:column;gap:2px}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.stat-tile,.kpi{display:flex;flex-direction:column;gap:4px;color:var(--text);transition:transform .15s,box-shadow .15s}a.stat-tile:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stat-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:var(--primary-soft);color:var(--primary)}.stat-icon svg.lucide{width:18px;height:18px}.stat-tile .stat-value,.kpi .stat-value{font-size:28px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.2}.stat-label,.kpi-label{color:var(--muted);font-size:13px}.stat-tile.critical .stat-icon,.kpi.critical .stat-icon{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}.stat-tile.warning .stat-icon,.kpi.warning .stat-icon{background:color-mix(in srgb,var(--warning) 16%,transparent);color:var(--warning)}.stat-tile.good .stat-icon,.kpi.good .stat-icon{background:color-mix(in srgb,var(--success) 14%,transparent);color:var(--success)}.plan-card h2,.suggestions h2{display:flex;align-items:center;gap:8px}.plan-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.plan-list li{display:flex;align-items:flex-start;gap:12px}.plan-step{flex:none;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--primary-soft);color:var(--primary);font-weight:700;font-size:13px;margin-top:6px}.plan-task{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;padding:8px 12px;border-radius:12px;color:var(--text);transition:background .12s}.plan-task:hover{background:var(--surface-2)}.plan-title{font-weight:600;display:flex;align-items:center;gap:6px}.priority-dot{width:8px;height:8px;border-radius:50%;flex:none}.plan-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:12px;color:var(--muted)}.plan-meta .where{display:inline-flex;align-items:center;gap:5px}.reason{padding:1px 8px;border-radius:999px;background:var(--surface-2);color:var(--text-2);font-weight:600}.reason.critical{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger)}.reason.warning{background:color-mix(in srgb,var(--warning) 14%,transparent);color:var(--warning)}.mission-link{display:flex;align-items:center;gap:14px;color:var(--text)}.mission-link>svg.lucide{width:28px;height:28px;color:var(--primary)}.mission-link span{display:flex;flex-direction:column}.mission-page .page-header h1{display:flex;align-items:center;gap:10px}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.progress-kpi{align-items:center;justify-content:center}.ring{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--primary) var(--pct),var(--surface-2) 0)}.ring span{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--surface);font-weight:700;font-size:16px;font-variant-numeric:tabular-nums}.mission-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}.health-list{display:flex;flex-direction:column}.health-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(90px,1fr) auto;grid-template-areas:"name progress state" "facts facts state";gap:4px 12px;align-items:center;padding:10px 6px;border-top:1px solid var(--border);color:var(--text);border-radius:10px}.health-row:first-child{border-top:0}.health-row:hover{background:var(--surface-2)}.health-name{grid-area:name;display:flex;align-items:center;gap:6px;min-width:0}.health-name strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.health-progress{grid-area:progress;display:flex;align-items:center;gap:6px}.health-progress .bar{flex:1;height:8px;border-radius:4px;background:var(--surface-2);overflow:hidden}.health-progress .bar span{display:block;height:100%;border-radius:4px;background:var(--primary)}.health-facts{grid-area:facts}.state-pill{grid-area:state;display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.state-pill b{font-variant-numeric:tabular-nums;opacity:.8}.state-pill svg.lucide{width:14px;height:14px}.state-pill.healthy,.state-pill.idle{background:color-mix(in srgb,var(--success) 13%,transparent);color:var(--success)}.state-pill.watch{background:color-mix(in srgb,var(--warning) 15%,transparent);color:var(--warning)}.state-pill.risk{background:color-mix(in srgb,var(--danger) 13%,transparent);color:var(--danger)}.workload-table{display:flex;flex-direction:column;overflow-x:auto}.workload-head,.workload-row{display:grid;grid-template-columns:minmax(140px,1fr) 110px 90px minmax(320px,2.4fr);gap:10px;align-items:center;padding:8px 4px}.workload-head{font-size:11px;color:var(--muted);font-weight:600}.workload-row{border-top:1px solid var(--border)}.who{display:flex;align-items:center;gap:8px;min-width:0;white-space:nowrap}.num{font-weight:700;font-variant-numeric:tabular-nums}.num small{font-weight:600}.level-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600}.level-pill i{width:10px;height:10px;border-radius:50%}.level-pill.high{color:var(--danger)}.level-pill.high i{background:var(--danger)}.level-pill.medium{color:var(--warning)}.level-pill.medium i{background:var(--warning)}.level-pill.low{color:var(--success)}.level-pill.low i{background:var(--success)}.heat-head,.heat-cells{display:grid;grid-template-columns:repeat(7,minmax(40px,1fr));gap:4px;text-align:center}.heat-head span{overflow:hidden;white-space:nowrap;text-overflow:clip}.heat{height:28px;border-radius:6px;display:grid;place-items:center;font-size:11px;font-weight:700;color:var(--text);background:color-mix(in srgb,var(--primary) calc(var(--a) * 100%),var(--surface-2))}.suggestions ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.suggestions li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px;background:var(--surface-2)}.suggestions .arrow{vertical-align:middle;color:var(--muted)}@media(max-width:1000px){.mission-grid{grid-template-columns:1fr}}@media(max-width:640px){.hero-card{padding:20px 18px;border-radius:20px}.hero-card h1{font-size:22px}.stat-row,.kpi-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stat-tile .stat-value,.kpi .stat-value{font-size:22px}.health-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name state" "progress progress" "facts facts"}}@media(max-width:640px){.stat-tile,.kpi{padding:12px;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon value" "label label";align-items:center;column-gap:10px}.stat-tile .stat-icon,.kpi .stat-icon{grid-area:icon;width:30px;height:30px}.stat-tile .stat-value,.kpi .stat-value{grid-area:value}.stat-label,.kpi-label{grid-area:label;font-size:12px}.progress-kpi{display:flex}}.table-scroll{overflow-x:auto}.segmented{display:inline-flex;flex-wrap:wrap;gap:2px;background:var(--surface-2);border-radius:12px;padding:3px;margin:4px 0 14px}.segmented button{display:inline-flex;align-items:center;gap:6px;border:0;background:none;font:inherit;font-size:13px;color:var(--text-2);padding:7px 12px;border-radius:9px;cursor:pointer}.segmented button svg{width:15px;height:15px}.segmented button b{font-size:11px;background:var(--border);border-radius:999px;padding:0 7px;font-variant-numeric:tabular-nums}.segmented button.on{background:var(--surface);color:var(--primary);font-weight:600;box-shadow:0 2px 8px -2px #17142b33}.segmented button.on b{background:var(--primary-soft)}.work-flags{display:flex;flex-wrap:wrap;gap:4px;margin:2px 0 6px}.task-name .work-flags{margin:4px 0 0}.flag{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;border-radius:999px;padding:2px 8px;white-space:nowrap}.flag svg{width:12px;height:12px}.flag.blocked,.flag.overdue{color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent)}.flag.approval,.flag.quiet{color:var(--warning);background:color-mix(in srgb,var(--warning) 14%,transparent)}.flag.unseen{color:var(--primary);background:var(--primary-soft)}.flag.good{color:var(--success);background:color-mix(in srgb,var(--success) 12%,transparent)}.task-actions{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 12px}.blocked-btn{color:var(--danger)}.block-banner{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:12px;color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent);border:1px solid color-mix(in srgb,var(--danger) 30%,transparent)}.block-banner>svg{flex:none;width:20px;height:20px}.block-banner>span{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.block-banner small{color:var(--text-2)}.reason-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.reason-option{font:inherit;text-align:start;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer}.reason-option.on{border-color:var(--primary);background:var(--primary-soft);color:var(--primary);font-weight:600}.approvals-section .section-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.approvals-section h4{display:flex;align-items:center;gap:6px}.approvals-section h4 svg{width:16px;height:16px}.approval-list{list-style:none;padding:0;margin:6px 0 0;display:flex;flex-direction:column;gap:6px}.approval{display:flex;align-items:flex-start;gap:10px;padding:10px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2)}.approval-state svg{width:18px;height:18px;margin-top:2px}.approval.pending .approval-state{color:var(--warning)}.approval.approved .approval-state{color:var(--success)}.approval.rejected .approval-state{color:var(--danger)}.approval-body{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.decision-note{color:var(--text-2);font-style:italic}.dna-title{display:inline-flex;align-items:center;gap:8px}.dna-facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.dna-facts .fact{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border)}.dna-facts .fact strong{font-size:15px}.dna-facts .fact.warning strong{color:var(--warning)}.dna-facts .fact.critical strong{color:var(--danger)}.dna-facts .fact.good strong{color:var(--success)}.dna-status{margin:14px 0 4px;display:flex;flex-direction:column;gap:6px}.status-strip{display:flex;gap:2px;border-radius:10px;overflow:hidden}.status-strip span{flex-basis:0;min-width:0;font-size:11px;padding:6px 8px;background:var(--primary-soft);color:var(--primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-strip span:nth-child(2n){background:color-mix(in srgb,var(--primary-2) 14%,transparent)}.dna-timeline{list-style:none;margin:16px 0 0;padding:0;position:relative}.dna-timeline:before{content:"";position:absolute;inset-block:12px;inset-inline-start:13px;width:2px;background:var(--border)}.dna-timeline .ev{position:relative;display:flex;align-items:flex-start;gap:10px;padding:6px 0}.ev-dot{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:2px solid var(--border);color:var(--muted);z-index:1}.ev-dot svg{width:14px;height:14px}.ev-created .ev-dot,.ev-assigned .ev-dot{color:var(--primary);border-color:var(--primary)}.ev-done .ev-dot,.ev-approved .ev-dot,.ev-unblocked .ev-dot{color:var(--success);border-color:var(--success)}.ev-blocked .ev-dot,.ev-escalated .ev-dot,.ev-rejected .ev-dot,.ev-deadline .ev-dot{color:var(--danger);border-color:var(--danger)}.ev-rework .ev-dot,.ev-due .ev-dot,.ev-approval .ev-dot{color:var(--warning);border-color:var(--warning)}.ev-body{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0;padding-top:3px}.ev-body time{font-size:11px;color:var(--muted)}.team-people{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;margin-bottom:14px}.person-tile{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px;text-align:start;font:inherit;color:inherit;cursor:pointer;border:1px solid var(--border);transition:border-color .15s,box-shadow .15s}.person-tile.on{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.person-all{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary)}.person-flags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.team-table{width:100%;border-collapse:collapse}.team-table th{text-align:start;font-size:12px;font-weight:600;color:var(--muted);padding:10px 12px;border-bottom:1px solid var(--border);white-space:nowrap}.team-table td{padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:top;font-size:13px}.team-table tr:last-child td{border-bottom:0}.team-table td.overdue{color:var(--danger);font-weight:600}.team-table .list-title{display:block;color:var(--text);font-weight:600;text-decoration:none}.team-table .list-title:hover{color:var(--primary)}.board-ref{display:inline-flex;align-items:center;gap:5px;margin-top:2px}.who-list{display:flex;flex-direction:column;gap:4px}.priority-text{font-weight:600;font-size:12px;white-space:nowrap}.decision-list{display:flex;flex-direction:column;gap:10px}.decision{--edge: var(--warning);padding:14px 16px;display:flex;flex-direction:column;gap:8px;background-image:linear-gradient(var(--edge),var(--edge));background-repeat:no-repeat;background-size:4px 100%;background-position:right top}.decision.approved{--edge: var(--success)}.decision.rejected{--edge: var(--danger)}.decision header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.decision-kind{font-weight:700}.decision-amount{font-variant-numeric:tabular-nums;color:var(--primary)}.decision-wait{margin-inline-start:auto;display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--muted)}.decision-wait svg{width:14px;height:14px}.decision-wait.late{color:var(--danger);font-weight:600}.decision-task{display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:var(--text);text-decoration:none;font-weight:600}.decision-task:hover{color:var(--primary)}.decision-task svg{width:12px;height:12px;vertical-align:-1px}.decision-people{display:flex;align-items:center;gap:8px;font-size:13px}.decision-note-text{margin:0;color:var(--text-2);white-space:pre-wrap}.decision-actions{display:flex;gap:8px;flex-wrap:wrap}.decision-actions input{flex:1;min-width:160px}@media(max-width:640px){.decision-actions .btn{flex:1}.team-people{grid-template-columns:repeat(2,minmax(0,1fr))}}.hero-actions{position:relative;margin-top:14px;display:flex;gap:8px}.hero-btn{background:#fff;color:var(--primary);border:0;font-weight:700;box-shadow:0 10px 24px -12px #140a3c99}.hero-btn:hover{background:#fff;filter:brightness(.97)}.topbar-new{flex:none}.new-task-form .new-task-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.new-task-form .new-task-meta>*{min-width:0}.pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));max-height:180px}.pick.on{background:var(--primary-soft)}@media(max-width:760px){.topbar-new{padding:6px 8px;font-size:0;gap:0}.topbar-new svg{font-size:14px;width:18px;height:18px}.new-task-form .new-task-meta{grid-template-columns:1fr 1fr}.new-task-form .new-task-meta>label:first-child{grid-column:1 / -1}}.approval-route{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:12px}.route-step{display:inline-flex;align-items:center;gap:3px;color:var(--text-2)}.route-step svg{width:13px;height:13px}.route-step.approved{color:var(--success)}.route-step.rejected{color:var(--danger)}.route-step.now{color:var(--warning);font-weight:700}.route-arrow{color:var(--muted);margin-inline-end:2px}.route-preview{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:10px;background:var(--surface-2);border:1px solid var(--border)}.danger-text{color:var(--danger)}.type-list{display:flex;flex-direction:column;gap:8px}.type-row{display:flex;align-items:center;gap:10px;padding:10px 12px}.type-row.off{opacity:.6}.type-order{display:flex;flex-direction:column;gap:2px}.type-main{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:start;border:0;background:none;font:inherit;color:inherit;cursor:pointer;padding:4px 0}.type-main strong{display:inline-flex;align-items:center;gap:6px}.type-tag{font-size:11px;font-weight:600;padding:1px 8px;border-radius:999px;background:var(--primary-soft);color:var(--primary)}.type-tag.off{background:var(--surface-2);color:var(--muted)}.switch{position:relative;display:inline-block;width:40px;height:22px;flex:none;cursor:pointer}.switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.switch span{position:absolute;inset:0;border-radius:999px;background:var(--border);transition:background .15s;pointer-events:none}.switch span:after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s;box-shadow:0 1px 3px #00000040}.switch input:checked+span{background:var(--primary)}.switch input:checked+span:after{transform:translate(-18px)}.switch input:focus-visible+span{outline:2px solid var(--primary);outline-offset:2px}.step-list{list-style:none;padding:0;margin:4px 0 8px;display:flex;flex-direction:column;gap:4px}.step-list li{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:10px;background:var(--surface-2);border:1px solid var(--border)}.step-num{width:22px;height:22px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;background:var(--primary-soft);color:var(--primary)}.step-name{flex:1;min-width:0}html[dir=ltr] .tooltip{transform:translate(-50%)}html[dir=ltr] .switch input:checked+span:after{transform:translate(18px)}html[dir=ltr] .decision{background-position:left top}html[dir=ltr] svg.lucide-arrow-left,html[dir=ltr] svg.lucide-arrow-right,html[dir=ltr] svg.lucide-chevron-left,html[dir=ltr] svg.lucide-chevron-right,html[dir=ltr] svg.lucide-corner-left-up{transform:scaleX(-1)}html[dir=ltr] .y-axis{text-align:right}@media(max-width:900px){html[dir=ltr] .sidebar{transform:translate(-100%)}html[dir=ltr] .menu-open .sidebar{transform:none}}.lang-switch{display:inline-flex;gap:2px;padding:3px;border-radius:10px;background:var(--surface-2)}.lang-switch button{border:0;background:none;font:inherit;font-size:13px;padding:5px 12px;border-radius:8px;cursor:pointer;color:var(--text-2)}.lang-switch button.on{background:var(--surface);color:var(--primary);font-weight:700;box-shadow:0 2px 6px -2px #17142b40}html[dir=ltr] [translate=no],html[dir=ltr] .who,html[dir=ltr] .me span{unicode-bidi:isolate}.level-progress{display:flex;align-items:center;gap:16px;min-width:0}.level-ring{flex:none;width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--primary) var(--pct),var(--surface-2) 0);box-shadow:0 10px 30px -14px color-mix(in srgb,var(--primary) 80%,transparent)}.level-ring>span{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;align-content:center;background:var(--surface);line-height:1.1}.level-ring small{font-size:10px;color:var(--muted)}.level-ring b{font-size:26px;font-variant-numeric:tabular-nums;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.level-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.level-text strong{font-size:20px}.xp-bar{display:block;height:8px;border-radius:999px;background:var(--surface-2);overflow:hidden}.xp-bar>span{display:block;height:100%;border-radius:999px;background:var(--grad)}.level-progress.compact .level-ring{width:60px;height:60px}.level-progress.compact .level-ring>span{width:48px;height:48px}.level-progress.compact .level-ring b{font-size:18px}.level-progress.compact .level-text strong{font-size:16px}.home-level{display:flex;flex-direction:column;gap:8px;padding:14px 16px;margin-top:12px;color:inherit;text-decoration:none;transition:border-color .15s}.home-level:hover{border-color:var(--primary)}.home-level-more{align-self:flex-end}.achievement-hero{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;padding:20px}.achievement-hero .level-progress{flex:1 1 280px}.achievement-stats{display:grid;grid-template-columns:repeat(4,minmax(90px,1fr));gap:8px;flex:2 1 380px}.achievement-stat{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:12px;background:var(--surface-2)}.achievement-stat b{display:inline-flex;align-items:center;gap:4px;font-size:22px;font-variant-numeric:tabular-nums}.achievement-stat b svg{width:18px;height:18px;color:var(--warning)}.achievement-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:14px;margin-top:14px}.achievement-grid h2{display:flex;align-items:center;gap:8px}.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.badge-tile{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:14px 10px;border-radius:14px;border:1px dashed var(--border);background:var(--surface-2);opacity:.75}.badge-tile.earned{opacity:1;border-style:solid;border-color:color-mix(in srgb,var(--primary) 40%,var(--border));background:linear-gradient(160deg,var(--primary-soft),var(--surface))}.badge-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--border);color:var(--muted)}.badge-tile.earned .badge-icon{background:var(--grad);color:#fff;box-shadow:0 8px 20px -10px color-mix(in srgb,var(--primary) 90%,transparent)}.badge-icon svg{width:22px;height:22px}.badge-progress{width:100%;display:flex;align-items:center;gap:6px;margin-top:4px}.badge-progress .xp-bar{flex:1;height:6px}.badge-progress small{font-size:11px;font-variant-numeric:tabular-nums}.leader-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.leader-list li{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px}.leader-list li.me{background:var(--primary-soft)}.leader-list .who{flex:1;color:inherit;text-decoration:none}.leader-list .who>span{display:flex;flex-direction:column;min-width:0}.rank{width:28px;text-align:center;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}.leader-xp{display:flex;flex-direction:column;align-items:flex-end;line-height:1.1}.leader-xp b{font-size:17px;font-variant-numeric:tabular-nums}.xp-history{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.xp-history li{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--border)}.xp-history li:last-child{border-bottom:0}.xp-plus{flex:none;min-width:44px;text-align:center;font-weight:800;color:var(--success);background:color-mix(in srgb,var(--success) 12%,transparent);border-radius:999px;padding:2px 8px;font-variant-numeric:tabular-nums}.xp-what{display:flex;flex-direction:column;min-width:0}.xp-what a{color:var(--text);text-decoration:none;font-weight:600}.xp-rules{padding-inline-start:18px;display:flex;flex-direction:column;gap:6px;margin:0 0 12px}.level-ladder{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.level-ladder li{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:10px;font-size:13px}.level-ladder li small{margin-inline-start:auto}.level-ladder li.past{opacity:.6}.level-ladder li.now{background:var(--primary-soft);color:var(--primary);font-weight:700}.level-chip{margin-inline-start:auto;font-size:11px;font-weight:700;padding:1px 7px;border-radius:999px;background:var(--grad);color:#fff}@media(max-width:900px){.achievement-grid{grid-template-columns:1fr}.achievement-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.form-dest{display:inline-flex;align-items:center;gap:6px}.form-state svg{width:11px;height:11px;vertical-align:-1px}.roles-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:14px;align-items:start}.roles-list{display:flex;flex-direction:column;gap:2px;padding:8px;position:sticky;top:12px}.role-item{display:flex;align-items:center;gap:10px;padding:10px;border:0;background:none;border-radius:10px;font:inherit;color:inherit;text-align:start;cursor:pointer}.role-item>svg{flex:none;width:18px;height:18px;color:var(--muted)}.role-item>span{display:flex;flex-direction:column;min-width:0}.role-item:hover{background:var(--surface-2)}.role-item.on{background:var(--primary-soft);color:var(--primary)}.role-item.on>svg{color:var(--primary)}svg.tiny{width:12px;height:12px;vertical-align:-1px}.role-editor{display:flex;flex-direction:column;gap:14px;padding:18px}.role-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.role-head .title-input{font-size:20px;font-weight:700}.base-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.base-options .reason-option{display:flex;flex-direction:column;gap:2px}.perm-group{border:1px solid var(--border);border-radius:14px;padding:6px 14px 10px;margin:0;display:flex;flex-direction:column}.perm-group legend{padding:0 6px;font-weight:700;font-size:14px}.perm-row{display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--border);cursor:pointer}.perm-row:last-child{border-bottom:0}.perm-row>span:first-child{display:flex;flex-direction:column;gap:1px;min-width:0}.perm-row.locked{opacity:.5;cursor:not-allowed}.role-actions{position:sticky;bottom:0;background:var(--surface);padding-top:8px}@media(max-width:900px){.roles-layout{grid-template-columns:1fr}.roles-list{position:static;flex-direction:row;overflow-x:auto}.role-item{flex:none}.base-options{grid-template-columns:1fr}}.space-row{display:flex;align-items:center}.space-row .space-link{flex:1;min-width:0}.space-toggle{flex:none;width:24px;height:24px;margin-inline-start:8px;display:grid;place-items:center;border:0;background:none;color:var(--sidebar-text);border-radius:6px;cursor:pointer;opacity:.7}.space-toggle:hover{background:var(--sidebar-active);opacity:1}.space-toggle svg{width:15px;height:15px;transition:transform .15s;transform:rotate(90deg)}html[dir=ltr] .space-toggle svg{transform:rotate(-90deg)}.space-toggle.open svg,html[dir=ltr] .space-toggle.open svg{transform:none}.nav a.board-link.forms-head,.nav a.board-link.form-link{display:flex;align-items:center;gap:6px}.nav a.board-link.forms-head svg{width:14px;height:14px;opacity:.8}.nav a.board-link.form-link{padding-inline-start:48px;font-size:12.5px;opacity:.85}.count-chip{margin-inline-start:auto;font-size:10px;padding:0 6px;border-radius:999px;background:var(--sidebar-active)}.company-name{display:inline-flex;align-items:center;gap:4px;border:0;background:none;padding:0;font:inherit;font-size:12px;color:inherit;opacity:.75;cursor:pointer}.company-name svg{width:11px;height:11px;opacity:0;transition:opacity .15s}.company-name:hover{opacity:1}.company-name:hover svg,.company-name:focus-visible svg{opacity:1}.ai-box{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:14px;border:1px dashed color-mix(in srgb,var(--primary) 45%,var(--border));background:linear-gradient(160deg,var(--primary-soft),transparent)}.ai-box-title{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--primary)}.ai-box-title svg,.ai-btn svg{width:15px;height:15px}.ai-btn{color:var(--primary);border-color:color-mix(in srgb,var(--primary) 35%,var(--border))}.voice{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.voice-btn.recording{color:#fff;background:var(--danger);border-color:var(--danger);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--danger) 25%,transparent)}}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.suggest-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.suggest-list li{display:flex;align-items:center;gap:8px}.suggest-list li input[type=checkbox]{width:auto}.suggest-list li input:not([type]){flex:1}.meeting-input{display:flex;flex-direction:column;gap:10px;padding:14px}.meeting-input textarea{min-height:160px}.meeting-result{display:flex;flex-direction:column;gap:12px;padding:14px;margin-top:14px}.meeting-summary{padding:10px 12px;border-radius:12px;background:var(--surface-2)}.meeting-summary p{margin:4px 0 0;white-space:pre-wrap}.meeting-table{width:100%;border-collapse:collapse}.meeting-table th{text-align:start;font-size:12px;color:var(--muted);font-weight:600;padding:6px}.meeting-table td{padding:4px 6px;vertical-align:middle}.meeting-table td:nth-child(2){min-width:240px}.meeting-table tr.off td{opacity:.45}.meeting-table input[type=checkbox]{width:auto}.meeting-create label{gap:8px}.hero-btn.ghost{background:#ffffff29;color:#fff}.hero-btn.ghost:hover{background:#ffffff3d;filter:none}.description-tools{display:flex;justify-content:flex-end;margin-top:6px}.voice-describe{display:inline-flex;flex-direction:column;align-items:flex-end;gap:4px}@media(max-width:900px){html{height:100%;overflow:hidden}body{position:fixed;inset:0;width:100%;overflow:hidden}#root{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,.form select,.modal select,.filters select{font-size:16px}.icon-btn{min-width:40px;min-height:40px;display:inline-grid;place-items:center;padding:0}.icon-btn.small{min-width:36px;min-height:36px}.modal-header{padding-block:6px 8px}.modal-header .icon-btn{min-width:44px;min-height:44px;margin-inline-end:-10px;border-radius:12px}.modal-header .icon-btn svg.lucide{width:22px;height:22px}.btn{min-height:40px}.btn.small{min-height:36px;padding-inline:12px}.link-btn{min-height:36px}.company-name{padding:4px 0}label.check,.pick{min-height:40px}.segmented button{min-height:38px}.theme-btn{min-width:40px;min-height:40px}.tab{min-height:50px}.view-toggle button{min-height:36px;padding-inline:12px}.lang-switch button{min-height:36px;min-width:40px}.link-btn.danger{padding-inline:8px}}@media(display-mode:standalone){html{min-height:min(100lvh,calc(100% + env(safe-area-inset-top)))}}.steps-progress{display:flex;flex-direction:column;gap:10px}.steps-progress .step-label{flex:0 0 150px;font-weight:600;font-size:14px}.steps-progress .step-count{flex:0 0 auto;min-width:110px;font-size:13px;font-variant-numeric:tabular-nums}.import-page details summary{cursor:pointer;font-weight:600}.import-page .notice{display:flex;gap:8px;align-items:flex-start}@media(max-width:640px){.steps-progress .import-progress{flex-wrap:wrap;gap:6px 10px}.steps-progress .step-label{flex:1 1 auto}.steps-progress .import-bar{flex:1 0 100%;order:3}}.lane-more{display:block;width:calc(100% - 16px);margin:4px 8px 8px;padding:8px 10px;border:1px dashed var(--border);border-radius:10px;background:none;font:inherit;font-size:13px;color:var(--primary);cursor:pointer}.lane-more:hover{background:var(--primary-soft);border-color:var(--primary)}.list-more{display:flex;flex-wrap:wrap;gap:8px;padding:10px 0}.list-more .lane-more{width:auto;margin:0}.folder-head{width:100%;border:0;background:none;font:inherit;color:inherit;text-align:start;cursor:pointer;display:flex;align-items:center;gap:6px}.folder-head .folder-chevron{transition:transform .15s;transform:rotate(90deg);opacity:.6}html[dir=ltr] .folder-head .folder-chevron{transform:rotate(-90deg)}.folder-head.open .folder-chevron{transform:none}.folder-head span[translate]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-head .count-chip{margin-inline-start:auto}.board-link.in-folder{padding-inline-start:34px}.multi-dropdown{border:1px solid var(--border);border-radius:10px;background:var(--surface)}.multi-dropdown summary{padding:9px 12px;cursor:pointer;list-style:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multi-dropdown summary::-webkit-details-marker{display:none}.multi-dropdown summary:after{content:"▾";float:inline-end;opacity:.6}.multi-dropdown[open] summary{border-bottom:1px solid var(--border)}.multi-dropdown-list{max-height:260px;overflow-y:auto;padding:6px 10px;display:flex;flex-direction:column;gap:2px}.member-cell{flex-wrap:nowrap}.member-name{display:flex;flex-direction:column;gap:2px}.last-seen{white-space:nowrap;color:var(--muted);font-size:12px;font-weight:400}.online-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--success, #22c55e);margin-inline-end:6px;vertical-align:middle}.recurring-list{display:flex;flex-direction:column;gap:10px}.recurring-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.recurring-row.paused{opacity:.6}.recurring-main{display:flex;flex-direction:column;gap:4px;min-width:0}.recurring-when{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--primary);font-weight:600;flex-wrap:wrap}.recurring-when svg{width:15px;height:15px}.schedule-box{border:1px solid var(--border);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px;margin:0}.schedule-box legend{padding:0 6px;font-weight:600}.weekday-pick{display:flex;flex-wrap:wrap;gap:6px}.weekday-pick button{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;padding:6px 12px;font:inherit;font-size:13px;cursor:pointer}.weekday-pick button.on{background:var(--primary);border-color:var(--primary);color:#fff}.check.align-end{align-self:end;padding-bottom:8px}.calendar{display:flex;flex-direction:column;gap:10px}.calendar-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.calendar-head strong{font-size:17px;min-width:120px;text-align:center}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface)}.calendar-weekday{padding:8px;font-size:12px;font-weight:600;color:var(--muted);text-align:center;border-bottom:1px solid var(--border);background:var(--surface-2)}.calendar-day{min-height:110px;padding:6px;border-inline-start:1px solid var(--border);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:4px;min-width:0}.calendar-day:nth-child(7n+1){border-inline-start:0}.calendar-day.other{background:var(--surface-2);opacity:.7}.calendar-day.today .calendar-date{background:var(--primary);color:#fff}.calendar-day.drop{outline:2px dashed var(--primary);outline-offset:-3px}.calendar-date{align-self:flex-start;font-size:12px;font-weight:600;min-width:22px;height:22px;border-radius:999px;display:grid;place-items:center;padding:0 4px}.calendar-task{display:block;width:100%;text-align:start;border:1px solid var(--border);border-inline-start:3px solid var(--primary);background:var(--surface);color:var(--text);border-radius:6px;padding:3px 6px;font:inherit;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.calendar-task:hover{box-shadow:var(--shadow)}.calendar-task.done{text-decoration:line-through;opacity:.6}.calendar-task.overdue{color:var(--danger)}@media(max-width:700px){.calendar-day{min-height:72px;padding:3px}.calendar-task{font-size:10px;padding:2px 3px}.calendar-weekday{font-size:10px;padding:6px 2px}}.view-choice{display:flex;flex-wrap:wrap;gap:8px}.task-tools{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.bulk-bar{position:sticky;top:8px;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;margin-bottom:10px;border-radius:12px;background:var(--surface);border:1px solid var(--primary);box-shadow:var(--shadow-lg)}.bulk-bar select{width:auto}.bulk-date{display:inline-flex;align-items:center;gap:6px;font-size:13px}.bulk-date input{width:auto}.pick-cell{width:36px;text-align:center}.pick-cell input{width:16px;height:16px}.task-table tr.picked td{background:var(--primary-soft)}.make-default{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.make-default svg{width:14px;height:14px}.flag.sla{color:#dc2626;background:color-mix(in srgb,#dc2626 12%,transparent)}.lane-sla{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:500;color:var(--muted);margin-inline-start:6px}.lane-sla svg{width:12px;height:12px}.lane-sla.late{color:#dc2626}.lane-sla b{background:#dc2626;color:#fff;border-radius:999px;padding:0 6px;font-size:10px}.rule-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.rule{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.rule.paused{opacity:.6}.rule-main{display:flex;flex-direction:column;gap:4px;min-width:0}.rule-main ul{margin:0;padding-inline-start:18px;font-size:13px}.rule-when{display:inline-flex;align-items:center;gap:5px;color:var(--primary);font-weight:600;font-size:13px}.rule-when svg{width:14px;height:14px}.rule-action{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:10px;background:var(--surface-2)}.pick.token{border-style:dashed}.track-box{display:flex;flex-direction:column;gap:8px;margin:14px 0;padding:14px;border-radius:12px;border:1px dashed var(--primary);text-align:start}.track-page{padding:24px;display:flex;flex-direction:column;gap:14px}.track-now{display:flex;align-items:center;gap:12px;padding:14px;border-radius:12px;background:color-mix(in srgb,var(--status) 12%,transparent);border:1px solid color-mix(in srgb,var(--status) 40%,transparent)}.track-now svg{width:28px;height:28px;color:var(--status);flex:none}.track-now div{display:flex;flex-direction:column;gap:2px}.track-now strong{font-size:18px}.track-steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.track-steps li{display:flex;align-items:center;gap:10px;color:var(--muted)}.track-steps .dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--border);flex:none}.track-steps li.past{color:var(--text)}.track-steps li.past .dot{background:var(--status);border-color:var(--status)}.track-steps li.now{color:var(--text);font-weight:700}.track-steps li.now .dot{border-color:var(--status);box-shadow:0 0 0 4px color-mix(in srgb,var(--status) 25%,transparent)}.track-h{font-size:15px;margin:6px 0 0}.track-history{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px;font-size:14px}.track-history span{color:var(--muted);font-size:12px;margin-inline-end:8px}.weekly{display:flex;flex-direction:column;gap:12px}.weekly-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.weekly-stat{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.weekly-stat svg{width:20px;height:20px;color:var(--muted)}.weekly-stat strong{font-size:26px}.weekly-stat.good svg{color:var(--success)}.weekly-stat.bad svg,.weekly-stat.bad strong{color:var(--danger)}.weekly-stat.warn svg{color:#d97706}.weekly-text p{margin:0 0 6px;line-height:1.8}.weekly-lists{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.weekly-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.weekly-list li{display:flex;flex-direction:column}.weekly-settings{margin-bottom:12px}.weekly-settings-head{display:flex;align-items:center;gap:10px;width:100%;background:none;border:0;padding:0;font:inherit;color:var(--text);cursor:pointer;text-align:start}.weekly-settings-head>span{display:flex;flex-direction:column;flex:1}.weekly-settings-head svg.flip{transform:rotate(180deg)}.weekly-settings .form{margin-top:12px}.plan-banner{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:9px 14px;margin:0 0 12px;border-radius:12px;font-size:13.5px}.plan-banner svg{width:17px;height:17px;flex:none}.plan-banner a{font-weight:600;margin-inline-start:auto}.plan-banner.trial{background:var(--primary-soft);color:var(--primary)}.plan-banner.soon{background:color-mix(in srgb,#d97706 14%,transparent);color:#b45309}.plan-banner.locked{background:color-mix(in srgb,var(--danger) 13%,transparent);color:var(--danger)}.sub-now{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center}.sub-now>div{display:flex;flex-direction:column;gap:3px}.sub-now strong{font-size:22px}.sub-now.locked{border-color:var(--danger)}.sub-seats{min-width:180px}.sub-bar{height:7px;border-radius:99px;background:var(--surface-2);overflow:hidden}.sub-bar span{display:block;height:100%;background:var(--primary)}.sub-bar span.full{background:var(--danger)}.sub-h{font-size:16px;margin:18px 0 8px}.sub-price{color:var(--primary)}.sub-current{border:1.5px solid var(--primary)}.sub-contact{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}.sub-contact>svg{width:22px;height:22px;color:var(--primary)}.sub-contact>div{display:flex;flex-direction:column;flex:1;min-width:200px}.dev-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:12px}.dev-stats .card{display:flex;flex-direction:column}.dev-stats strong{font-size:24px}.dev-tools{flex-wrap:wrap;gap:10px;margin-bottom:10px}.dev-search{display:flex;align-items:center;gap:6px;flex:1;min-width:220px;border:1px solid var(--border);border-radius:10px;padding:0 10px;background:var(--surface)}.dev-search svg{width:16px;height:16px;color:var(--muted)}.dev-search input{border:0;background:none;flex:1;padding:8px 0}.dev-company{display:flex;gap:8px;align-items:flex-start}.dev-company>svg{width:18px;height:18px;color:var(--muted);margin-top:2px;flex:none}.dev-company>span{display:flex;flex-direction:column}.dev-note{color:var(--text-2);font-size:12px}.dev-plan{display:inline-block;font-size:12px;font-weight:600;padding:2px 9px;border-radius:99px;background:var(--surface-2);margin-inline-end:4px}.dev-plan.p-trial{background:var(--primary-soft);color:var(--primary)}.dev-plan.p-basic{background:#e0f2fe;color:#0369a1}.dev-plan.p-pro{background:#ede9fe;color:#6d28d9}.dev-plan.p-enterprise{background:#fce7f3;color:#be185d}.dev-plan.p-locked{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}tr.dev-locked td{opacity:.75}.seats-used{font-size:14px;font-weight:500}.danger-zone{border-color:color-mix(in srgb,var(--danger) 40%,var(--border))}.danger-zone h2{color:var(--danger)}.legal-page{min-height:100vh;background:var(--bg, #fff)}.legal-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border);flex-wrap:wrap}.legal-brand{font-weight:700;font-size:18px;color:var(--primary)}.legal-head nav{display:flex;gap:16px;font-size:14px}.legal-body{max-width:780px;margin:0 auto;padding:24px 20px 60px;line-height:1.85}.legal-body h1{font-size:26px;margin:0 0 4px}.legal-body h1 span{color:var(--muted);font-weight:400;font-size:18px;margin-inline-start:6px}.legal-updated{color:var(--muted);font-size:13px;margin-bottom:18px}.legal-body h2{font-size:17px;margin:18px 0 6px}.legal-body h3{font-size:15px;margin:12px 0 2px}.legal-body ul{padding-inline-start:20px}.legal-en{margin-top:34px;padding-top:22px;border-top:1px solid var(--border);text-align:left}