:root{color-scheme:light;--bg: #f0f4fa;--surface: #ffffff;--surface2: #e8edf7;--surface3: #dde4f2;--border: #d8e0f0;--border2: #c4cfea;--text: #0c1428;--text2: #3a4f6b;--text3: #6b7fa0;--accent: #2563eb;--accent-light: #eef3ff;--accent-text: #1d4ed8;--cyan: #0891b2;--amber: #d97706;--amber-bg: #fffbeb;--red: #dc2626;--red-bg: #fef2f2;--orange: #ea580c;--orange-bg: #fff7ed;--green: #16a34a;--green-bg: #f0fdf4;--shadow: 0 1px 3px #0c142812, 0 1px 2px #0c14280a;--shadow-md: 0 4px 12px #0c142817, 0 2px 4px #0c14280d;--shadow-lg: 0 8px 24px #0c14281f;--r: 10px;--r-sm: 6px;--sidebar-w: 220px;--topbar-h: 50px;--tr: .15s ease;--font-en: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-ar: "Tajawal", "IBM Plex Sans Arabic", system-ui, sans-serif;--font: var(--font-en);--mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;--serif: "Instrument Serif", Georgia, serif;--display: "Exo 2", "IBM Plex Sans", sans-serif;--font-scale: 1}[data-theme=dark]{color-scheme:dark;--bg: #080d1a;--surface: #0f1829;--surface2: #162035;--surface3: #1d2c48;--border: #1d2c48;--border2: #263d5e;--text: #e0e8f5;--text2: #7e9ec4;--text3: #4a6384;--accent: #3b82f6;--accent-light: #0c1a38;--accent-text: #93c5fd;--cyan: #22d3ee;--amber: #f59e0b;--amber-bg: #1c1200;--red: #f87171;--red-bg: #1a0808;--orange: #fb923c;--orange-bg: #1a0e00;--green: #4ade80;--green-bg: #052e16;--shadow: 0 1px 3px #0006;--shadow-md: 0 4px 14px #00000080;--shadow-lg: 0 10px 30px #0009}[lang=ar]{--font: var(--font-ar)}.muted{color:var(--text3)}.small{font-size:.79rem}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.spacer{flex:1}.empty-inline{color:var(--text3);font-size:.93rem;padding:14px 4px;margin:0}.btn-sm{padding:6px 11px;font-size:.86rem}.btn-danger{background:var(--red);color:#fff}.btn-danger-text{color:var(--red)}.icon-btn.small{width:24px;height:24px}.icon-btn.danger:hover{color:var(--red);background:var(--red-bg)}.field-error{color:var(--red);font-size:.79rem}.textarea{resize:vertical;min-height:60px;line-height:1.5}.alert-warn{background:var(--amber-bg);color:var(--amber);border:1px solid color-mix(in srgb,var(--amber) 30%,transparent);margin-bottom:14px}.confirm-text{margin:0;color:var(--text2);line-height:1.6}.check-label{display:inline-flex;align-items:center;gap:8px;font-size:.93rem;cursor:pointer}.check-label input{accent-color:var(--accent);width:15px;height:15px}.sidebar{gap:10px;overflow-y:auto;z-index:40}.sidebar-brand{padding:2px 8px}.sidebar-brand img{height:26px;display:block}.logo-light{display:none!important}[data-theme=light] .logo-light{display:block!important}[data-theme=light] .logo-dark{display:none!important}.main-nav,.folder-tree{display:grid;gap:1px}.nav-heading{display:flex;align-items:center;justify-content:space-between;padding:10px 8px 4px;font-size:.71rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text3)}[lang=ar] .nav-heading{letter-spacing:0;text-transform:none;font-size:.79rem}.nav-link{display:flex;align-items:center;gap:9px;width:100%;padding:7px 8px;border-radius:var(--r-sm);color:var(--text2);font-size:.93rem;text-align:start;transition:background var(--tr),color var(--tr)}.nav-link:hover{background:var(--surface2);color:var(--text)}.nav-item.active,.nav-item.active>.nav-link{background:var(--accent-light);color:var(--accent-text)}.nav-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-count{font-family:var(--mono);font-size:.71rem;min-width:20px;text-align:center;padding:1px 6px;border-radius:99px;background:var(--surface2);color:var(--text3)}.nav-count.warn{background:var(--orange-bg);color:var(--orange)}.folder-item{display:flex;align-items:center;border-radius:var(--r-sm)}.folder-item .nav-link{padding-inline-start:2px}.folder-item.depth-1{padding-inline-start:18px}.twisty{width:18px;height:26px;display:grid;place-items:center;color:var(--text3);flex-shrink:0}.twisty svg{transition:transform var(--tr)}[dir=rtl] .twisty svg{transform:scaleX(-1)}.twisty svg.open{transform:rotate(90deg)}.folder-swatch{width:10px;height:10px;border-radius:3px;flex-shrink:0;display:inline-block}.folder-swatch.lg{width:14px;height:14px;border-radius:4px}.topbar{gap:10px}.topbar-title{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search{flex:1;max-width:340px;margin-inline-start:auto;padding:6px 11px}.menu-btn{display:none}.view{display:grid;gap:18px;animation:fade-in .2s ease}.view-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.view-title{margin:0;font-size:1.43rem;font-weight:600;text-wrap:balance}.view-actions{display:flex;gap:8px;flex-wrap:wrap}.folder-title{display:flex;align-items:center;gap:10px;min-width:0}.crumb{font-size:.86rem;color:var(--text3)}.crumb:hover{color:var(--accent)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border:1px solid var(--border);border-radius:99px;background:var(--surface);font-size:.86rem;color:var(--text2)}.chip:hover{border-color:var(--border2);color:var(--text)}.empty-state{display:grid;justify-items:center;gap:4px;padding:48px 16px;color:var(--text3);text-align:center}.empty-state p{margin:0}.empty-title{color:var(--text);font-weight:600;font-size:1.07rem}.stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.stat{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 10px;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);color:var(--text3);text-align:start}.stat svg{grid-row:span 2}.stat-value{font-family:var(--mono);font-size:1.57rem;font-weight:500;color:var(--text);line-height:1.1;font-variant-numeric:tabular-nums}.stat-label{font-size:.79rem}button.stat:hover{border-color:var(--border2)}.stat-red{color:var(--red);border-color:color-mix(in srgb,var(--red) 35%,var(--border))}.stat-red .stat-value{color:var(--red)}.stat-orange{color:var(--orange);border-color:color-mix(in srgb,var(--orange) 35%,var(--border))}.stat-orange .stat-value{color:var(--orange)}.section{display:grid;gap:8px}.section-title,.section-toggle,.section-label{margin:0;display:flex;align-items:center;gap:8px;font-size:.86rem;font-weight:600;color:var(--text2)}.section-toggle{justify-self:start}.section-title.tone-red{color:var(--red)}.section-title.tone-orange{color:var(--orange)}.section-title.tone-amber{color:var(--amber)}.count{font-family:var(--mono);font-weight:400;font-size:.79rem;opacity:.7}.task-table{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);overflow:hidden}.task-row{display:grid;align-items:center;gap:12px;grid-template-columns:26px minmax(0,1fr) 96px 96px 128px;padding:9px 14px;border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--tr)}.task-row.with-folder{grid-template-columns:26px minmax(0,1fr) minmax(0,150px) 96px 96px 128px}.task-row:last-child{border-bottom:none}.task-row:not(.task-head):hover{background:var(--surface2)}.task-row:focus-visible{outline-offset:-2px}.task-head{cursor:default;padding-block:7px;background:var(--surface2);font-size:.71rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text3)}[lang=ar] .task-head{text-transform:none;letter-spacing:0;font-size:.79rem}.task-row.is-overdue{background:color-mix(in srgb,var(--red) 4%,transparent)}.task-row.is-closed .task-name{color:var(--text3);text-decoration:line-through;text-decoration-color:var(--border2)}.task-main{min-width:0;display:grid;gap:2px}.task-name{display:flex;align-items:center;gap:7px;font-weight:500;min-width:0}.task-name span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-preview{font-size:.86rem;color:var(--text3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.col-folder{font-size:.86rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-date{font-size:.86rem;color:var(--text2)}.fu-today{color:var(--amber);font-weight:600;animation:blink 1.8s ease-in-out infinite}.fu-overdue{color:var(--red);font-weight:600}.dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;display:inline-block}.dot-urgent{background:var(--red);animation:blink 1.4s ease-in-out infinite}.check{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--border2);display:grid;place-items:center;color:transparent;transition:all var(--tr)}.check:hover{border-color:var(--green);color:var(--green)}.check.checked{background:var(--green);border-color:var(--green);color:#fff}.badge{display:inline-flex;align-items:center;padding:2px 9px;border-radius:99px;font-size:.75rem;font-weight:500;white-space:nowrap;background:var(--surface2);color:var(--text2)}.badge-active{background:var(--accent-light);color:var(--accent-text)}.badge-waiting{background:var(--amber-bg);color:var(--amber)}.badge-ontrack{background:var(--green-bg);color:var(--green)}.badge-closed{background:var(--surface2);color:var(--text3)}.badge-urgent{background:var(--red-bg);color:var(--red)}.badge-muted{background:var(--surface2);color:var(--text3)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;background:#0408128c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding-block:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-bottom,0px));padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));animation:fade-in .15s ease}.modal{width:100%;max-width:500px;max-height:calc(100dvh - 32px);min-height:0;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-lg)}.modal-wide{max-width:680px}.modal-head{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--border)}.modal-title{margin:0;flex:1;font-size:1.07rem;font-weight:600;min-width:0;overflow-wrap:anywhere}.modal-body{padding:18px;overflow-y:auto;min-height:0;flex:1 1 auto;overscroll-behavior:contain}.modal-foot{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;padding:12px 18px;border-top:1px solid var(--border)}.form-grid{display:grid;gap:14px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.color-field{border:none;margin:0;padding:0}.swatches{display:flex;flex-wrap:wrap;gap:8px}.swatch{width:26px;height:26px;border-radius:7px;cursor:pointer;position:relative}.swatch input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;cursor:pointer}.swatch:has(input:checked){box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--text)}.swatch:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:3px}.detail{display:grid;gap:14px}.badges{display:flex;flex-wrap:wrap;gap:6px}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}.tiles div{background:var(--surface2);border-radius:var(--r-sm);padding:8px 11px}.tiles dt{font-size:.71rem;color:var(--text3);text-transform:uppercase;letter-spacing:.05em}[lang=ar] .tiles dt{text-transform:none;letter-spacing:0;font-size:.79rem}.tiles dd{margin:2px 0 0;font-size:.93rem}.detail-desc{margin:0;white-space:pre-wrap;color:var(--text2);line-height:1.6;padding:10px 12px;border:1px solid var(--border);border-radius:var(--r-sm)}.add-update{display:grid;gap:10px;padding:12px;background:var(--surface2);border-radius:var(--r)}.add-update .input{background:var(--surface)}.add-update-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px}.field.compact{flex:1 1 130px}.timeline{list-style:none;margin:0;padding:0;display:grid;gap:2px}.tl-item{display:grid;gap:4px;padding-block:10px;padding-inline:14px 0;border-inline-start:2px solid var(--border)}.tl-system{border-inline-start-color:var(--green)}.tl-system .tl-text{color:var(--text3);font-style:italic}.tl-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:.79rem;color:var(--text3)}.tl-actions{margin-inline-start:auto;display:flex;gap:10px}.tl-text{margin:0;white-space:pre-wrap;line-height:1.6;overflow-wrap:anywhere}.trash-list{list-style:none;margin:0;padding:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--r)}.trash-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--border)}.trash-item:last-child{border-bottom:none}.trash-icon{color:var(--text3);display:grid}.trash-name{flex:1;min-width:0;display:grid;text-align:start}.trash-name span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.trash-name:disabled{cursor:default}.toasts{position:fixed;z-index:200;display:grid;gap:8px;bottom:calc(18px + env(safe-area-inset-bottom,0px));inset-inline-start:50%;transform:translate(-50%);width:min(440px,calc(100vw - 32px))}[dir=rtl] .toasts{transform:translate(50%)}.toast{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--text);color:var(--bg);border-radius:10px;box-shadow:var(--shadow-lg);font-size:.93rem;animation:fade-in .2s ease}.toast-error{background:var(--red);color:#fff}.toast-msg{flex:1}.toast-undo{font-weight:700;color:inherit;text-decoration:underline;text-underline-offset:3px}.scrim{display:none}@media (max-width: 1100px){.stats{grid-template-columns:repeat(6,minmax(0,1fr))}.stats>.stat{grid-column:span 2}.stats>.stat:nth-child(n+4){grid-column:span 3}}@media (max-width: 760px){.menu-btn{display:grid}.hide-sm{display:none}.shell>.sidebar{display:flex;position:fixed;inset-block:0;inset-inline-start:0;width:260px;height:auto;z-index:40;transform:translate(-105%);transition:transform .2s ease;box-shadow:var(--shadow-lg);padding-top:calc(14px + env(safe-area-inset-top,0px))}[dir=rtl] .shell>.sidebar{transform:translate(105%)}.shell.sidebar-open>.sidebar{transform:none}.scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#04081273}.topbar{padding-inline:10px}.search{max-width:none;min-width:0}.task-row,.task-row.with-folder{grid-template-columns:26px minmax(0,1fr) auto;gap:10px}.task-row .col-folder,.task-row .col-date:not(:nth-last-child(2)),.task-head{display:none}.task-row .col-status{display:none}.tiles{grid-template-columns:1fr 1fr 1fr}.trash-item{flex-wrap:wrap}}.search-inline{flex:1;min-width:0;max-width:420px}.danger-text{color:var(--red)}.chip-avatar{width:20px;height:20px;border-radius:50%;flex-shrink:0;display:inline-grid;place-items:center;font-size:.64rem;font-weight:700;background:var(--accent-light);color:var(--accent-text)}.chip-x{color:var(--text3);font-size:1rem;line-height:1;padding-inline:2px}.chip-x:hover{color:var(--red)}.picker{display:flex;flex-wrap:wrap;gap:6px;align-items:center;background:var(--surface2);border:1px solid var(--border);border-radius:var(--r-sm);padding:5px 7px;min-height:38px}.picker:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.picker .chip{display:inline-flex;align-items:center;gap:6px;padding:2px 6px 2px 3px}.picker-input{flex:1;min-width:120px;border:0;outline:0;background:transparent;padding:3px 2px;font-size:.93rem}.picker-menu{list-style:none;margin:4px 0 0;padding:4px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);box-shadow:var(--shadow-md)}.picker-menu button{width:100%;display:flex;align-items:center;gap:8px;text-align:start;padding:7px 8px;border-radius:5px;font-size:.9rem}.picker-menu button:hover,.picker-menu button:focus-visible{background:var(--surface2)}.picker-menu .muted{margin-inline-start:auto}.picker-add{color:var(--accent-text)}.contact-grid{list-style:none;margin:0;padding:0;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.contact-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:12px 14px;display:grid;gap:8px;align-content:start;min-width:0}.contact-top{display:flex;align-items:center;gap:10px}.contact-avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;background:var(--accent-light);color:var(--accent-text);font-weight:700;font-size:.86rem}.contact-main{flex:1;min-width:0}.contact-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-lines{display:grid;gap:2px}.contact-line{text-align:start;font-size:.86rem;color:var(--text2);overflow-wrap:anywhere;padding:2px 0;justify-self:start}[dir=rtl] .contact-line{justify-self:end}.contact-line:hover{color:var(--accent-text)}.contact-notes{margin:0;font-size:.86rem;color:var(--text2);white-space:pre-wrap}.contact-foot{display:flex;justify-content:space-between;border-top:1px solid var(--border);padding-top:8px}.contact-tasks{list-style:none;margin:0;padding:0;display:grid;gap:2px}.link-row{width:100%;display:flex;align-items:center;gap:8px;text-align:start;padding:5px 6px;border-radius:5px;font-size:.9rem}.link-row:hover{background:var(--surface2)}.dot-active,.dot-waiting,.dot-ontrack{background:var(--accent)}.dot-closed{background:var(--text3)}.people{display:flex;flex-wrap:wrap;gap:6px}.person{display:inline-flex;align-items:center;gap:7px;padding:3px 10px 3px 4px;border:1px solid var(--border);border-radius:99px;background:var(--surface2);font-size:.86rem}.person .muted{font-size:.79rem}mark{background:color-mix(in srgb,var(--amber) 28%,transparent);color:inherit;border-radius:2px;padding:0 1px}.section-title.tone-muted{color:var(--text2)}.filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;padding:10px 12px;margin-bottom:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r)}.filter{display:grid;gap:4px;min-width:0;flex:1 1 150px}.filter .input{padding-block:6px}.filter-clear{align-self:center}.person-btn{cursor:pointer}.person-btn:hover{border-color:var(--accent)}.folder-item[draggable=true]{cursor:grab}.folder-item.dragging{opacity:.45}.folder-item.drop-target{box-shadow:inset 0 2px 0 var(--accent)}.ctx-menu{position:fixed;z-index:60;min-width:180px;padding:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);box-shadow:var(--shadow-lg);display:grid}.ctx-menu button{text-align:start;padding:7px 10px;border-radius:5px;font-size:.9rem}.ctx-menu button:hover,.ctx-menu button:focus-visible{background:var(--surface2);outline:none}.ctx-menu hr{border:0;border-top:1px solid var(--border);margin:4px 2px}.phone{display:inline-flex;align-items:center;gap:6px;min-width:0}.phone-link{display:inline-flex;align-items:center;gap:5px;color:var(--text2);text-decoration:none;font-size:.86rem;border-radius:4px;padding:1px 2px}.phone-link svg{color:var(--text3);flex-shrink:0;transition:color var(--tr)}.phone-link:hover{color:var(--accent-text)}.phone-link:hover svg{color:var(--accent-text)}.phone-copy{color:var(--text3);display:inline-grid;place-items:center;padding:2px;border-radius:4px}.phone-copy:hover{color:var(--text);background:var(--surface2)}.contact-lines .phone{justify-self:start}.tabs{position:relative;display:flex;flex-wrap:wrap;gap:4px;padding:3px;background:var(--surface2);border-radius:8px}.tab{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:.86rem;color:var(--text2)}.tab{position:relative;z-index:1;transition:color var(--tr),transform .12s ease}.tab[aria-selected=true]{color:var(--text);font-weight:600}.tab-indicator{position:absolute;top:0;left:0;z-index:0;pointer-events:none;background:var(--surface);border-radius:6px;box-shadow:var(--shadow);transition:transform .25s cubic-bezier(.3,.7,.2,1),width .25s cubic-bezier(.3,.7,.2,1),opacity .15s ease}.tab-count{font-family:var(--mono);font-size:.75rem;color:var(--text3);font-variant-numeric:tabular-nums}.setting{border:0;padding:0;margin:0;display:grid;gap:8px}.setting legend{padding:0;margin-bottom:2px}.nums{font-variant-numeric:tabular-nums}.btn-link:disabled{text-decoration:none;cursor:default;opacity:.8}@keyframes pop-in{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:none}}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}.btn,.icon-btn,.tab,.nav-link,.check,.chip-x,.phone-copy,.btn-link,.picker-menu button,.ctx-menu button,.link-row,.person-btn,.contact-card,.stat{transition:background-color .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease,opacity .15s ease,transform .12s ease}.btn:active:not(:disabled),.icon-btn:active,.tab:active,.nav-link:active,.check:active,.chip-x:active,.phone-copy:active,.person-btn:active,button.stat:active{transform:scale(.96)}.btn-link:active:not(:disabled){opacity:.6}.contact-card:hover{border-color:var(--border2);box-shadow:var(--shadow)}.modal-backdrop{animation:backdrop-in .18s ease}.modal{animation:pop-in .22s cubic-bezier(.3,.7,.2,1)}.ctx-menu,.picker-menu{animation:pop-in .14s ease-out;transform-origin:top}.toast{animation:pop-in .2s cubic-bezier(.3,.7,.2,1)}.nav-heading-actions{display:inline-flex;gap:2px}.nav-empty{padding:4px 10px 8px;margin:0;line-height:1.5}.ws-icon{display:inline-grid;place-items:center;width:18px;color:var(--text3);flex-shrink:0}.nav-item.active .ws-icon{color:var(--accent-text)}.share-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 12px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface2);color:var(--text2);font-size:.86rem}.share-bar.is-locked{border-color:color-mix(in srgb,var(--amber) 40%,var(--border))}.share-bar-btn{width:100%;text-align:start;cursor:pointer;border-style:dashed;background:transparent}.share-bar-btn:hover{border-color:var(--accent);color:var(--accent-text)}.share-ws{font-weight:600;color:var(--text)}.lock-toggle{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:99px;border:1px solid var(--border2);background:var(--surface);font-size:.8rem;color:var(--text2)}.lock-toggle.on{background:var(--amber-bg);border-color:color-mix(in srgb,var(--amber) 45%,transparent);color:var(--amber);font-weight:600}.lock-badge{display:inline-flex;align-items:center;gap:4px}.check:disabled{opacity:.35;cursor:not-allowed}.section-title.tone-accent{color:var(--accent-text)}.ws-desc{margin:2px 0 0}.code-input{letter-spacing:.12em;text-transform:uppercase}.member-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}.member{display:flex;align-items:center;gap:10px;padding:6px 4px;border-bottom:1px solid var(--border)}.member:last-child{border-bottom:0}.member .contact-avatar{width:30px;height:30px;font-size:.75rem;overflow:hidden}.member .contact-avatar img{width:100%;height:100%;object-fit:cover}.member-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bell-wrap,.bell{position:relative}.bell.has-new{color:var(--red)}.bell.has-new:hover{color:var(--red);background:var(--red-bg)}.bell-count{position:absolute;top:1px;inset-inline-end:0;min-width:16px;height:16px;padding:0 4px;border-radius:99px;background:var(--red);color:#fff;font-size:.64rem;font-weight:700;display:grid;place-items:center;font-variant-numeric:tabular-nums;line-height:1}.bell-panel{position:absolute;top:calc(100% + 6px);inset-inline-end:0;z-index:50;width:min(360px,calc(100vw - 32px));max-height:70vh;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-lg);padding:8px;display:grid;gap:8px;animation:pop-in .16s ease-out}.bell-heading{margin:4px 6px;font-size:.75rem;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.05em}[lang=ar] .bell-heading{text-transform:none;letter-spacing:0;font-size:.82rem}.bell-heading-row{display:flex;align-items:center;justify-content:space-between;padding-inline-end:6px}.bell-item{width:100%;display:flex;align-items:flex-start;gap:8px;text-align:start;padding:8px;border-radius:6px;font-size:.88rem;color:var(--text2);transition:background-color .15s ease}.bell-item:hover{background:var(--surface2)}.bell-item strong{color:var(--text);font-weight:600}.bell-dot{width:7px;height:7px;border-radius:50%;margin-top:7px;flex-shrink:0;background:transparent}.bell-item.unread .bell-dot{background:var(--red)}.bell-text{display:grid;gap:2px;min-width:0;overflow-wrap:anywhere}.bell-meta{font-size:.75rem}.bell-empty{margin:4px 8px 8px}.nav-subheading{display:flex;align-items:center;justify-content:space-between;margin:6px 8px 0;padding:8px 0 2px;border-top:1px dashed var(--border);font-size:.7rem;font-weight:600;color:var(--text3)}.nav-subheading .nav-heading-actions{margin-inline-end:-4px}.folder-tree.is-dragging-task .folder-item .nav-link{outline:1px dashed transparent;transition:outline-color .15s,background .15s}.folder-tree.is-dragging-task .folder-item.drop-target{box-shadow:none}.folder-tree.is-dragging-task .folder-item.drop-target .nav-link{outline-color:var(--accent);background:var(--accent-light);color:var(--accent-text)}.task-row[draggable=true]:active{cursor:grabbing}.sec-bar{display:flex;align-items:center;gap:8px;min-width:0}.sec-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;max-width:100%}.sec-tabs::-webkit-scrollbar{display:none}.sec-tabs .tab{white-space:nowrap;flex-shrink:0}.sec-tabs .tab.drop-target{box-shadow:inset 0 0 0 1.5px var(--accent);background:var(--accent-light);color:var(--accent-text)}.tab-label{max-width:160px;overflow:hidden;text-overflow:ellipsis}.tab-alert{font-family:var(--mono);font-size:.68rem;font-weight:600;line-height:1;padding:3px 5px;border-radius:99px;color:var(--red);background:var(--red-bg)}.tab-add{color:var(--text3);padding-inline:9px}.tab-add:hover{color:var(--accent-text)}.sec-tools{display:inline-flex;gap:1px;flex-shrink:0;animation:pop-in .16s ease-out}[dir=rtl] .flip-rtl{transform:scaleX(-1)}.dest-list{display:grid;gap:14px;max-height:min(60vh,460px);overflow-y:auto;padding:2px}.dest-group{display:grid;gap:2px}.dest-heading{font-size:.75rem;font-weight:600;color:var(--text3);padding:0 8px 4px}.dest{display:flex;align-items:center;gap:9px;width:100%;text-align:start;padding:8px 10px;border-radius:var(--r-sm);border:1px solid transparent;color:var(--text2);transition:background .12s,border-color .12s,color .12s}.dest:hover:not(:disabled){background:var(--surface2);color:var(--text)}.dest.picked{border-color:var(--accent);background:var(--accent-light);color:var(--accent-text)}.dest:disabled{opacity:.45;cursor:default}.dest-section{padding-inline-start:32px;font-size:.88rem}.dest-section:before{content:"↳";color:var(--text3);margin-inline-end:2px}[dir=rtl] .dest-section:before{content:"↲"}.dest-new{justify-self:start;margin:4px 10px 0}.folder-icon{flex-shrink:0;display:block;filter:drop-shadow(0 1px 1px rgba(0,0,0,.18))}.nav-link .folder-icon{margin-inline-end:1px}.nav-item.is-ws .ws-icon{color:var(--text2)}.nav-item.is-ws.active .ws-icon{color:var(--accent-text)}.nav-subheading.ws-nav-head{margin:8px 0 0;padding:12px 8px 4px;border-top:1px solid var(--border);font-size:.71rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text3)}[lang=ar] .nav-subheading.ws-nav-head{letter-spacing:0;text-transform:none;font-size:.79rem}.tag-pill{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;max-width:150px;padding:2px 8px 2px 7px;border-radius:99px;font-size:.72rem;font-weight:500;line-height:1.4;margin-inline-start:6px}.tag-pill+.tag-pill{margin-inline-start:4px}.tag-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shared-mark{background:var(--accent-light);color:var(--accent-text)}.lock-mark{background:var(--amber-bg);color:var(--amber)}@media (max-width: 640px){.tag-pill{padding:3px 5px}.tag-pill .tag-text{display:none}}.ws-head{align-items:flex-start}.ws-head-main{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;flex:1 1 420px;min-width:0}.ws-title-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;flex-shrink:0;background:var(--accent-light);color:var(--accent-text)}.ws-meta{margin:2px 0 0}.ws-meta .btn-link{font-size:inherit}.invite-card{display:grid;gap:2px;padding:8px 10px 8px 12px;flex:0 0 auto;background:var(--surface2);border:1px solid var(--border);border-radius:var(--r-sm)}.invite-label{font-size:.66rem;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.06em}[lang=ar] .invite-label{text-transform:none;letter-spacing:0;font-size:.74rem}.invite-row{display:flex;align-items:center;gap:6px}.invite-code{font-size:1.25rem;font-weight:700;letter-spacing:.1em;color:var(--accent);-webkit-user-select:all;user-select:all;font-variant-numeric:tabular-nums;margin-inline-end:4px}.invite-btn{width:28px;height:28px;display:grid;place-items:center;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text3)}.invite-btn:hover{background:var(--accent-light);color:var(--accent-text);border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}@media (max-width: 640px){.invite-card{flex:1 1 100%}.invite-row .invite-code{flex:1}}.btn-icon{width:34px;height:34px;min-width:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;flex-shrink:0}.btn-icon svg{width:16px;height:16px;flex:none}.conn{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;color:var(--text3);padding:4px 9px;border-radius:99px;border:1px solid var(--border);white-space:nowrap}.conn-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 22%,transparent)}.conn.is-offline{color:var(--amber);border-color:color-mix(in srgb,var(--amber) 40%,var(--border));background:var(--amber-bg)}.conn.is-offline .conn-dot{background:var(--amber);box-shadow:0 0 0 3px color-mix(in srgb,var(--amber) 25%,transparent);animation:conn-pulse 1.6s ease-in-out infinite}@keyframes conn-pulse{50%{opacity:.35}}.conn.is-saving{color:var(--accent-text);border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.conn.is-saving .conn-dot{background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent);animation:conn-pulse .9s ease-in-out infinite}@media (max-width: 640px){.conn .conn-text{display:none}.conn{padding:6px;border:none}}.offline-note{margin:0;font-size:.82rem;color:var(--amber);background:var(--amber-bg);padding:6px 10px;border-radius:var(--r-sm)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.shell.has-panel{grid-template-columns:var(--sidebar-w) minmax(0,1fr) auto}.task-panel{position:sticky;top:0;height:100vh;height:100dvh;min-width:0;display:flex;flex-direction:column;background:var(--surface);border-inline-start:1px solid var(--border);box-shadow:0 0 32px #0000002e;animation:panel-in .22s cubic-bezier(.3,.7,.2,1)}@keyframes panel-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}[dir=rtl] .task-panel{animation-name:panel-in-rtl}@keyframes panel-in-rtl{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:none}}.task-panel.is-resizing{-webkit-user-select:none;user-select:none}.panel-resizer{position:absolute;inset-block:0;inset-inline-start:-4px;width:8px;cursor:col-resize;z-index:2}.panel-resizer:after{content:"";position:absolute;inset-block:0;inset-inline-start:3px;width:2px;background:transparent;transition:background .15s}.panel-resizer:hover:after,.panel-resizer:focus-visible:after,.is-resizing .panel-resizer:after{background:var(--accent)}.panel-resizer:focus-visible{outline:none}.panel-head{display:grid;gap:10px;padding:14px 16px 12px;border-bottom:1px solid var(--border)}.panel-title-row{display:flex;align-items:flex-start;gap:4px}.panel-title{flex:1;margin:2px 0 0;font-size:1.12rem;font-weight:700;line-height:1.4;overflow-wrap:anywhere}.panel-facts-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.facts{display:flex;gap:16px;margin:0;flex:1;flex-wrap:wrap}.facts div{display:grid;gap:1px}.facts dt{font-size:.7rem;color:var(--text3)}.facts dd{margin:0;font-size:.84rem;color:var(--text2)}.facts .is-overdue dd{color:var(--red);font-weight:600}.panel-complete{gap:6px}.panel-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:14px 16px 20px;display:grid;gap:14px;align-content:start}.panel-desc{display:grid;gap:4px;justify-items:start}.panel-desc p{margin:0;white-space:pre-wrap;color:var(--text2);line-height:1.65}.panel-desc.is-clamped p{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.panel-section-label{margin:4px 0 0;display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;color:var(--text3)}.task-panel .timeline{gap:0;position:relative;padding-inline-start:20px}.task-panel .timeline:before{content:"";position:absolute;inset-inline-start:5px;top:8px;bottom:8px;width:2px;background:var(--border);border-radius:2px}.task-panel .tl-item{position:relative;border:none;padding:0 0 16px;gap:3px}.task-panel .tl-item:before{content:"";position:absolute;inset-inline-start:-20px;top:5px;width:12px;height:12px;border-radius:50%;background:var(--surface);border:2px solid var(--accent);box-sizing:border-box}.task-panel .tl-system:before{border-color:var(--green)}.task-panel .tl-meta{order:2}.task-panel .tl-text{order:1;color:var(--text)}.task-panel .tl-actions{opacity:0;transition:opacity .15s}.task-panel .tl-item:hover .tl-actions,.task-panel .tl-item:focus-within .tl-actions{opacity:1}@media (hover: none){.task-panel .tl-actions{opacity:1}}.composer{border-top:1px solid var(--border);background:var(--surface2);padding:10px 12px 12px;display:grid;gap:8px}.composer-input{width:100%;resize:none;min-height:40px;max-height:180px;padding:10px 12px;line-height:1.5;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:10px;font:inherit}.composer-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.composer-bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.composer-chip{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 8px;border-radius:99px;border:1px solid var(--border);background:var(--surface);color:var(--text3);font-size:.78rem;cursor:pointer}.composer-chip:hover{border-color:var(--border2);color:var(--text2)}.composer-chip.is-changed{border-color:color-mix(in srgb,var(--accent) 50%,var(--border));color:var(--accent-text);background:var(--accent-light)}.composer-chip input,.composer-chip select{border:none;background:transparent;color:inherit;font:inherit;font-size:.78rem;padding:0;min-width:0;cursor:pointer;outline:none}.composer-chip{position:relative}.chip-text{white-space:nowrap}.composer-chip .chip-native{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.composer-chip .chip-native::-webkit-calendar-picker-indicator{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:pointer}.composer-chip select{max-width:120px}.composer-chip:focus-within{border-color:var(--accent)}@media (min-width: 761px){.shell.has-panel .task-row,.shell.has-panel .task-row.with-folder{grid-template-columns:26px minmax(0,1fr) 92px 118px}.shell.has-panel .task-row .col-folder,.shell.has-panel .task-row .col-last{display:none}}.task-row.is-open{background:var(--accent-light);box-shadow:inset 3px 0 0 var(--accent)}[dir=rtl] .task-row.is-open{box-shadow:inset -3px 0 0 var(--accent)}@media (max-width: 900px){.shell.has-panel{grid-template-columns:var(--sidebar-w) minmax(0,1fr)}.task-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;width:auto!important;height:100dvh;box-shadow:none;animation-name:sheet-in}[dir=rtl] .task-panel{animation-name:sheet-in}.panel-resizer{display:none}.composer{padding-bottom:max(12px,env(safe-area-inset-bottom,0px))}}@media (max-width: 760px){.shell.has-panel{grid-template-columns:1fr}}@keyframes sheet-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.task-panel{animation:none}}*,*:before,*:after{box-sizing:border-box}html{font-size:calc(14px * var(--font-scale));height:100%}body{margin:0;min-height:100%;font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.5;transition:background .2s,color .2s;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scrollbar-gutter:stable}button{font:inherit;color:inherit;cursor:pointer;background:none;border:none;padding:0}input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:var(--border2) transparent}*::-webkit-scrollbar{width:7px;height:7px}*::-webkit-scrollbar-thumb{background:var(--border2);border-radius:99px}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes blink{50%{opacity:.25}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.field{display:grid;gap:5px}.label{font-size:.79rem;font-weight:500;color:var(--text2)}.input{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:var(--r-sm);padding:8px 11px;font-size:.93rem;outline:none;transition:border-color var(--tr),box-shadow var(--tr)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--r-sm);padding:9px 14px;font-size:.93rem;font-weight:500;transition:background var(--tr),opacity var(--tr),border-color var(--tr)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 88%,#000)}.btn-ghost{border:1px solid var(--border);background:var(--surface)}.btn-ghost:hover:not(:disabled){background:var(--surface2)}.btn-link{font-size:.86rem;color:var(--text3);text-decoration:underline}.btn-block{width:100%}.alert{border-radius:var(--r-sm);padding:8px 11px;font-size:.86rem}.alert-error{background:var(--red-bg);color:var(--red);border:1px solid color-mix(in srgb,var(--red) 30%,transparent)}.alert-ok{background:var(--green-bg);color:var(--green);border:1px solid color-mix(in srgb,var(--green) 30%,transparent)}.login{position:relative;min-height:100vh;display:grid;place-items:center;overflow:hidden;background:#010409;padding-block:32px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.login-canvas,.login-vignette{position:absolute;top:0;right:0;bottom:0;left:0}.login-vignette{background:radial-gradient(ellipse at center,transparent 20%,rgba(1,4,9,.55) 100%);pointer-events:none}.login-card{--surface: #0f1829;--surface2: #162035;--border: #1d2c48;--text: #e0e8f5;--text2: #7e9ec4;--text3: #4a6384;--accent: #3b82f6;color-scheme:dark;position:relative;width:100%;max-width:400px;background:#0f1829eb;color:var(--text);border:1px solid rgba(255,255,255,.1);border-radius:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden;animation:fade-in .3s ease}.login-head{padding:28px 28px 18px;text-align:center;border-bottom:1px solid var(--border)}.login-head img{height:42px;display:block;margin:0 auto 10px}.login-tagline{margin:0;font-family:var(--serif);font-style:italic;font-size:.93rem;color:var(--text3)}[lang=ar] .login-tagline{font-family:var(--font-ar);font-style:normal}.login-tabs{display:flex;border-bottom:1px solid var(--border)}.login-tab{flex:1;padding:11px 0;font-size:.93rem;color:var(--text3);border-bottom:2px solid transparent;transition:color var(--tr),border-color var(--tr)}.login-tab[aria-selected=true]{color:var(--accent);font-weight:600;border-bottom-color:var(--accent)}.login-body{padding:20px 24px 24px;display:grid;gap:14px}.login-row-end{display:flex;justify-content:flex-end;margin-top:-6px}.divider{display:flex;align-items:center;gap:10px;font-size:.79rem;color:var(--text3)}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.login-foot{display:flex;justify-content:space-between;align-items:center;font-size:.79rem;color:var(--text3);font-family:var(--mono)}.shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:var(--surface);border-inline-end:1px solid var(--border);display:flex;flex-direction:column;padding:14px 10px;gap:14px}.sidebar-clock{padding:4px 8px 10px;border-bottom:1px solid var(--border)}.sidebar-time{font-family:var(--mono);font-size:1.43rem;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:.02em}.sidebar-date{font-size:.79rem;color:var(--text3)}.sidebar-spacer{flex:1}.sidebar-user{display:flex;align-items:center;gap:9px;padding:8px;border-top:1px solid var(--border)}.avatar{width:30px;height:30px;border-radius:50%;background:var(--accent-light);color:var(--accent-text);display:grid;place-items:center;font-weight:700;font-size:.86rem;overflow:hidden;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}.sidebar-user-name{font-size:.86rem;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.main{min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;height:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;padding-inline:18px}.topbar-title{font-weight:600;flex:1}.content{padding:22px;animation:fade-in .2s ease}.icon-btn{width:32px;height:32px;display:grid;place-items:center;border-radius:7px;color:var(--text3);transition:background var(--tr),color var(--tr)}.icon-btn:hover{background:var(--surface2);color:var(--text)}.center-screen{min-height:100vh;display:grid;place-items:center;text-align:center;padding-inline:16px;color:var(--text2)}.setup-card{max-width:520px;display:grid;gap:10px}.setup-card code{font-family:var(--mono);background:var(--surface2);padding:2px 6px;border-radius:4px}@media (max-width: 760px){.shell{grid-template-columns:1fr}.content{padding:16px}}