:root{--ground: #f4f6f8;--surface: #ffffff;--surface-2: #edf1f5;--ink: #0f161e;--ink-soft: #4c5a6b;--ink-faint: #7b8899;--rule: #d6dde5;--accent: #0e5aa7;--accent-ink: #ffffff;--danger: #9e2f2f;--good: #1b6a50;--radius: 6px;--gap: 12px;--font-sans: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-size-base: 15px;--line-height-base: 1.55;--font-size-heading: 22px;--letter-spacing-label: .08em;--label-transform: uppercase;--label-weight: 500}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--ground: #0b1016;--surface: #121a22;--surface-2: #172029;--ink: #e3e9f0;--ink-soft: #a2b0c0;--ink-faint: #748395;--rule: #212c38;--accent: #63a9f2;--accent-ink: #08131d;--danger: #e37676;--good: #4cbe92}}:root[lang=ar]{--font-sans: "IBM Plex Sans Arabic", "Noto Sans Arabic", system-ui, sans-serif;--font-size-base: 16.5px;--line-height-base: 1.85;--font-size-heading: 24px;--letter-spacing-label: 0;--label-transform: none;--label-weight: 700}.auth{--auth-bg: #0a0d17;--auth-panel: #101522;--auth-panel-2: #141b2b;--auth-field: #0f1420;--auth-text: #f7f8fb;--auth-muted: #9da7ba;--auth-dim: #687386;--auth-line: rgb(255 255 255 / 9%);--auth-accent: #7c5cff;--auth-accent-2: #4cc9f0;--auth-accent-soft: #bfb3ff;--auth-success: #39d98a;--auth-danger: #ff6b7a;--auth-shadow: 0 28px 80px rgb(0 0 0 / 42%);--auth-tracking-display: -.04em;--auth-tracking-heading: -.03em}:root[lang=ar] .auth{--auth-tracking-display: 0;--auth-tracking-heading: 0}*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-base);-webkit-text-size-adjust:100%}.shell{min-block-size:100dvh;display:flex;flex-direction:column}.topbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px var(--gap);padding-inline:16px;padding-block:10px;background:var(--surface);border-block-end:1px solid var(--rule)}.topbar__brand{font-weight:700;margin-inline-end:auto}.nav{display:flex;gap:4px;order:3;inline-size:100%;overflow-x:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}@media(width>=640px){.nav{order:0;inline-size:auto;overflow-x:visible}}.nav__link{padding-inline:10px;border-radius:var(--radius);color:var(--ink-soft);text-decoration:none;white-space:nowrap;min-block-size:40px;display:inline-flex;align-items:center}.nav__link[aria-current=page]{background:var(--surface-2);color:var(--ink)}.main{flex:1;inline-size:min(960px,100%);margin-inline:auto;padding-inline:16px;padding-block:24px}.card{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);padding:20px}.label{display:block;font-size:11px;letter-spacing:var(--letter-spacing-label);text-transform:var(--label-transform);font-weight:var(--label-weight);color:var(--ink-faint);margin-block-end:6px}.field{margin-block-end:16px}.input{inline-size:100%;padding-inline:12px;padding-block:10px;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);text-align:start}.button{padding-inline:16px;padding-block:10px;font:inherit;font-weight:600;color:var(--accent-ink);background:var(--accent);border:0;border-radius:var(--radius);cursor:pointer;min-block-size:40px;display:inline-flex;align-items:center;justify-content:center}.button--quiet{color:var(--ink-soft);background:transparent;border:1px solid var(--rule)}.error{color:var(--danger);margin-block:8px 0}.heading{font-size:var(--font-size-heading);margin-block:0 16px}.list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.list__item{display:flex;align-items:center;gap:var(--gap);padding:12px;background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius)}.ltr-token{direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums;color:var(--ink-faint)}.chevron--directional{display:inline-block}:root[dir=rtl] .chevron--directional{transform:scaleX(-1)}.muted{color:var(--ink-soft)}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.board__columns{display:flex;gap:var(--gap);align-items:flex-start;overflow-x:auto;padding-block-end:8px}.board__single{display:block}.column{flex:0 0 300px;background:var(--surface-2);border:1px solid var(--rule);border-radius:var(--radius);padding:10px;display:flex;flex-direction:column;gap:8px;min-block-size:120px}.board__single .column{flex:1 1 auto;inline-size:100%}.column__head{display:flex;align-items:center;gap:8px;font-weight:600}.column__swatch{inline-size:10px;block-size:10px;border-radius:50%;flex:none}.column__count{margin-inline-start:auto;color:var(--ink-faint);font-variant-numeric:tabular-nums}.column__wip{font-size:11px;color:var(--ink-faint);font-variant-numeric:tabular-nums}.column__wip--over{color:var(--danger);font-weight:600}.column__cards{list-style:none;margin:0;padding:0;display:grid;gap:8px;min-block-size:24px}.card--task{padding:10px;display:grid;gap:6px;cursor:grab}.card__head{display:flex;align-items:center;gap:6px}.card__title{color:var(--ink);text-decoration:none;font-weight:500}.card__meta{display:flex;flex-wrap:wrap;gap:10px;font-size:12px}.card__update{font-size:12px;color:var(--ink-soft);border-inline-start:2px solid var(--rule);padding-inline-start:8px}.chip{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding-inline:7px;padding-block:2px;border-radius:999px;background:var(--surface-2);border:1px solid var(--rule);color:var(--ink-soft)}.chip--urgent,.chip--high,.chip--blocked{color:var(--danger);border-color:var(--danger)}.chip__x{background:none;border:0;color:inherit;cursor:pointer;font-size:14px;line-height:1;padding:0}.chips{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-wrap:wrap;gap:6px}.column__dropzone{min-block-size:28px;border:1px dashed var(--rule);border-radius:var(--radius)}.quick-create{display:flex;gap:6px}.status-selector{display:flex;align-items:center;gap:8px;margin-block-end:12px}.status-selector__select{flex:1}.board__footnote{margin-block-start:16px}.task-detail{display:grid;gap:14px;max-inline-size:760px}.task-detail__head{display:flex;align-items:center;gap:10px}.task-detail__title{font-size:var(--font-size-heading);font-weight:600}.task-detail__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--gap)}.task-detail__actions{display:flex;flex-wrap:wrap;gap:8px;padding-block-start:12px;border-block-start:1px solid var(--rule)}.block-inline{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px;background:var(--surface-2);border:1px solid var(--rule);border-radius:var(--radius)}.checklist{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:6px}.checklist li{display:flex;align-items:center;gap:8px}.filters{display:flex;flex-wrap:wrap;gap:var(--gap);align-items:flex-end;margin-block-end:12px}.filters__field{display:grid;gap:2px;min-inline-size:140px}.table{inline-size:100%;border-collapse:collapse;font-size:14px}.table th,.table td{text-align:start;padding:8px 10px;border-block-end:1px solid var(--rule)}.table thead th{font-size:11px;letter-spacing:var(--letter-spacing-label);text-transform:var(--label-transform);font-weight:var(--label-weight);color:var(--ink-faint);background:var(--surface-2)}.stream{display:flex;flex-direction:column;gap:var(--gap);margin-block-start:20px;border-block-start:1px solid var(--rule);padding-block-start:16px}.stream__head{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.stream__title{font-size:var(--font-size-heading);margin:0;margin-inline-end:auto}.stream__filter{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-soft);min-block-size:40px}.stream__list,.stream__replies{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.stream__replies{margin-block-start:10px;padding-inline-start:16px;border-inline-start:2px solid var(--rule)}.stream__entry--activity{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;font-size:13px;color:var(--ink-soft)}.stream__actor{font-weight:600;color:var(--ink)}.stream__time{font-size:12px;color:var(--ink-faint);font-variant-numeric:tabular-nums}.stream__empty{font-size:14px}.comment{display:flex;flex-direction:column;gap:6px;background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);padding:10px 12px}.comment--deleted{font-style:italic;padding:6px 0}.comment__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;font-size:13px}.comment__author{font-weight:600}.comment__body{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.comment__edit{display:flex;flex-wrap:wrap;gap:8px}.comment__mentions,.composer__mentions,.composer__candidates{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.comment__actions,.composer__actions{display:flex;flex-wrap:wrap;gap:8px}.chip--attention{color:var(--accent);border-color:var(--accent);font-weight:600}.chip__note{color:inherit;opacity:.85}.chip__toggle{display:inline-flex;align-items:center;gap:4px}.chip__remove{background:none;border:0;color:inherit;cursor:pointer;font-size:15px;line-height:1;padding:0}.composer{display:flex;flex-direction:column;gap:8px}.composer--reply{margin-block-start:10px;padding-inline-start:16px;border-inline-start:2px solid var(--rule)}.composer__body{inline-size:100%;resize:vertical}.composer__picker{display:flex;flex-direction:column;gap:8px;border:1px solid var(--rule);border-radius:var(--radius);padding:10px;background:var(--surface-2)}.composer__candidates{flex-direction:column;max-block-size:220px;overflow-y:auto}.comment__actions .button,.composer__actions .button,.composer__candidates .button{min-block-size:40px}.attention{display:flex;flex-direction:column;gap:var(--gap)}.attention__head{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.attention__title{font-size:var(--font-size-heading);margin:0;margin-inline-end:auto}.attention__tabs{display:flex;gap:6px}.attention__tabs .is-active{background:var(--surface-2);color:var(--ink)}.attention__empty{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);padding:20px}.attention__empty p{margin:0 0 6px}.attention__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.attention__item{display:flex;flex-wrap:wrap;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);padding:10px 12px;border-inline-start:3px solid var(--accent)}.attention__task{margin-inline-end:auto;text-decoration:none;color:var(--ink)}.attention__task:hover{text-decoration:underline}.attention__time{font-size:12px;color:var(--ink-faint);font-variant-numeric:tabular-nums}.attention__reason{font-size:12px}.attention__item .button{min-block-size:40px}.chip--stop{color:var(--danger);border-color:var(--danger)}.bell{position:relative}.bell__button{position:relative;min-block-size:40px}.bell__badge{display:inline-flex;align-items:center;justify-content:center;min-inline-size:18px;block-size:18px;margin-inline-start:6px;padding:0 5px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-size:11px;font-variant-numeric:tabular-nums}.bell__panel{position:absolute;inset-block-start:calc(100% + 6px);inset-inline-end:0;inline-size:min(340px,calc(100vw - 24px));z-index:20;background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:0 8px 24px -12px #0f161e4d;max-block-size:70vh;overflow-y:auto}.bell__head{display:flex;align-items:center;gap:8px;padding:10px 12px;border-block-end:1px solid var(--rule)}.bell__head strong{margin-inline-end:auto}.bell__empty{padding:14px 12px;margin:0}.bell__list{list-style:none;margin:0;padding:0}.bell__item{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;padding:10px 12px;border-block-end:1px solid var(--rule-soft, var(--rule));font-size:13px}.bell__item:last-child{border-block-end:none}.bell__item--unread{background:var(--surface-2)}.bell__item a{color:var(--ink);text-decoration:none}.bell__item a:hover{text-decoration:underline}.files{display:flex;flex-direction:column;gap:8px;margin-block-start:20px;border-block-start:1px solid var(--rule);padding-block-start:16px}.files__title{font-size:17px;margin:8px 0 0}.files__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.files__item{display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);padding:8px 10px}.files__name{margin-inline-end:auto;overflow-wrap:anywhere}.files__size{font-size:12px;font-variant-numeric:tabular-nums}.files__item .button{min-block-size:40px}.files__upload{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.files__input{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}.files__upload label{display:inline-flex;align-items:center;min-block-size:40px;cursor:pointer}.files__link-form{display:flex;flex-wrap:wrap;gap:8px}.files__link-form .input{flex:1 1 180px;min-inline-size:0}.files__link-form .button{min-block-size:40px}.account{display:flex;flex-direction:column;gap:var(--gap);max-inline-size:640px}.account__title{font-size:var(--font-size-heading);margin:0}.account__card{display:flex;flex-direction:column;gap:10px}.account__section{font-size:17px;margin:6px 0 0}.account__hint{margin:0;font-size:13px}.account__facts{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:0 0 8px;font-size:13px}.account__facts dt{color:var(--ink-faint)}.account__facts dd{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.account__form{display:flex;flex-direction:column;gap:12px}.account__reveal{display:inline-flex;align-items:center;gap:6px;font-size:13px;min-block-size:40px}.account__success{border:1px solid var(--good);background:color-mix(in srgb,var(--good) 8%,transparent);border-radius:var(--radius);padding:10px 12px}.account__success p{margin:0 0 4px;font-size:13px}.account__success p:first-child{font-weight:600;font-size:14px}.account__form .button{min-block-size:44px;align-self:flex-start}.field{display:flex;flex-direction:column;gap:4px}.field__label{font-size:13px;color:var(--ink-soft)}.field__hint{font-size:12px}.field .input{inline-size:100%;min-inline-size:0;min-block-size:44px}.auth{min-block-size:100vh;background:radial-gradient(circle at 85% 10%,rgb(124 92 255 / 18%),transparent 28%),radial-gradient(circle at 15% 85%,rgb(76 201 240 / 10%),transparent 30%),var(--auth-bg);color:var(--auth-text);overflow-x:hidden}.auth__shell{min-block-size:100vh;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr)}.auth__visual{position:relative;padding:56px;display:flex;align-items:flex-end;overflow:hidden;border-inline-end:1px solid var(--auth-line)}.auth__visual:before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,#0a0d170d,#0a0d17db),radial-gradient(circle at 42% 36%,rgb(124 92 255 / 25%),transparent 25%),linear-gradient(145deg,#11182b,#0d1220 46%,#0b0e18)}.auth__grid{position:absolute;inset:0;opacity:.22;z-index:1;background-image:linear-gradient(rgb(255 255 255 / 5%) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / 5%) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 80%)}.auth__orb{position:absolute;border-radius:999px;filter:blur(1px);z-index:1}.auth__orb--one{inline-size:320px;block-size:320px;background:#7c5cff2e;inset-block-start:10%;inset-inline-end:12%}.auth__orb--two{inline-size:190px;block-size:190px;background:#4cc9f01f;inset-block-end:24%;inset-inline-start:10%}.auth__brand,.auth__mobile-brand{display:flex;align-items:center;gap:13px}.auth__brand{position:absolute;inset-block-start:40px;inset-inline-start:48px;z-index:3}.auth__brand strong,.auth__mobile-brand strong{display:block;font-size:16px}.auth__brand span,.auth__mobile-brand span{display:block;color:var(--auth-muted);font-size:12px;margin-block-start:2px}.auth__logo{inline-size:44px;block-size:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,var(--auth-accent),#9e8aff);box-shadow:0 12px 30px #7c5cff47;font-weight:900;letter-spacing:var(--auth-tracking-display)}.auth__card{position:relative;z-index:3;max-inline-size:680px;background:#11162394;border:1px solid rgb(255 255 255 / 10%);backdrop-filter:blur(16px);box-shadow:var(--auth-shadow);border-radius:32px;padding:34px}.auth__eyebrow{display:inline-flex;align-items:center;gap:8px;color:#d9d3ff;background:#7c5cff1f;border:1px solid rgb(124 92 255 / 26%);padding:8px 12px;border-radius:999px;font-size:12px;font-weight:700}.auth__dot{inline-size:7px;block-size:7px;border-radius:50%;background:var(--auth-success);box-shadow:0 0 0 5px #39d98a1a}.auth__hero{font-size:clamp(36px,4vw,66px);line-height:1.02;letter-spacing:var(--auth-tracking-display);margin:22px 0 18px;max-inline-size:580px;text-wrap:balance}.auth__hero-body{margin:0;color:#b8c1d2;font-size:17px;line-height:1.9;max-inline-size:560px}.auth__minis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-block-start:28px}.auth__mini{background:#ffffff0b;border:1px solid rgb(255 255 255 / 7%);padding:15px;border-radius:18px}.auth__mini b{display:block;font-size:14px;margin-block-end:5px}.auth__mini span{font-size:12px;color:var(--auth-muted)}.auth__panel{display:flex;align-items:center;justify-content:center;padding:42px;position:relative}.auth__lang{position:absolute;inset-block-start:28px;inset-inline-end:30px;border:1px solid var(--auth-line);background:#ffffff08;color:var(--auth-text);border-radius:14px;padding:10px 13px;cursor:pointer;min-block-size:44px}.auth__form-wrap{inline-size:min(100%,480px)}.auth__mobile-brand{display:none;margin-block-end:36px}.auth__title{font-size:34px;margin:0 0 10px;letter-spacing:var(--auth-tracking-heading)}.auth__sub{color:var(--auth-muted);margin:0 0 34px;line-height:1.7}.auth__field{margin-block-end:18px}.auth__label{display:block;font-size:13px;font-weight:750;margin-block-end:9px;color:#dce1eb}.auth__input-wrap{display:flex;align-items:center;background:var(--auth-field);border:1px solid var(--auth-line);border-radius:16px;transition:.2s}.auth__input-wrap:focus-within{border-color:#7c5cffb8;box-shadow:0 0 0 4px #7c5cff1a}.auth__input{inline-size:100%;min-inline-size:0;border:0;outline:0;background:transparent;color:var(--auth-text);padding:15px 16px;min-block-size:54px;font:inherit}.auth__input::placeholder{color:var(--auth-dim)}.auth__input--code{letter-spacing:.35em;font-variant-numeric:tabular-nums}.auth__icon-btn{border:0;background:transparent;color:var(--auth-muted);cursor:pointer;min-inline-size:44px;min-block-size:44px;font:inherit}.auth__between{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:6px 0 24px}.auth__check{display:flex;align-items:center;gap:8px;color:#bec6d4;font-size:13px;min-block-size:44px}.auth__check input{inline-size:16px;block-size:16px;accent-color:var(--auth-accent)}.auth__link{border:0;background:none;padding:0;cursor:pointer;font:inherit;color:var(--auth-accent-soft);min-block-size:44px}.auth__link:hover{text-decoration:underline}.auth__alt{display:flex;flex-wrap:wrap;gap:16px;margin-block-start:18px}.auth__submit{inline-size:100%;border:0;border-radius:16px;min-block-size:56px;font:inherit;background:linear-gradient(135deg,var(--auth-accent),#6a4cff);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 14px 28px #7c5cff38;transition:.2s transform,.2s box-shadow}.auth__submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 18px 34px #7c5cff47}.auth__submit:active:not(:disabled){transform:translateY(0)}.auth__submit:disabled{opacity:.6;cursor:progress}.auth__hint{margin-block-start:22px;padding:14px 16px;border-radius:15px;background:#ffffff07;border:1px solid var(--auth-line);color:var(--auth-muted);font-size:12px;line-height:1.7}.auth__footer{margin-block-start:28px;color:#6f7a8e;font-size:11px;text-align:center}.auth__error{margin:0 0 16px;padding:12px 14px;border-radius:13px;background:#ff6b7a14;border:1px solid rgb(255 107 122 / 22%);color:#ff9aa5;font-size:13px}@media(width<=980px){.auth__shell{display:block}.auth__visual{display:none}.auth__panel{min-block-size:100vh;padding:26px 20px 36px}.auth__mobile-brand{display:flex}.auth__lang{inset-block-start:22px;inset-inline-end:20px}.auth__form-wrap{max-inline-size:520px}}@media(width<=520px){.auth__panel{align-items:flex-start;padding-block-start:28px}.auth__form-wrap{padding-block-start:60px}.auth__title{font-size:29px}.auth__between{align-items:flex-start}}@media(prefers-reduced-motion:reduce){.auth__submit{transition:none}.auth__submit:hover:not(:disabled){transform:none}}