:root{--sana-text:#000;--sana-text-2:#3d3d3d;--sana-text-3:#6d6d6d;--sana-white:#fff;--sana-canvas:#f4f3ef;--sana-canvas-warm:#f0ede8;--sana-line:#f5f5f5;--sana-disabled:#a8a8a8;--sana-muted:#6d6d6d;--sana-ink:#111b1b;--sana-teal:#0b4237;--sana-teal-mid:#1c7b61;--sana-success:#02b847;--sana-success-bg:color-mix(in srgb, var(--sana-success) 16%, white);--sana-warning:#e28b0c;--sana-warning-bg:color-mix(in srgb, var(--sana-warning) 16%, white);--sana-danger:#b10000;--sana-danger-bg:color-mix(in srgb, var(--sana-danger) 16%, white);--sana-info:#137fec;--sana-info-bg:color-mix(in srgb, var(--sana-info) 16%, white);--sana-space-1:8px;--sana-space-2:8px;--sana-space-3:16px;--sana-space-4:16px;--sana-space-5:24px;--sana-space-6:24px;--sana-space-8:32px;--sana-space-12:48px;--sana-space-16:64px;--sana-radius-detail:16px;--sana-radius-control:24px;--sana-radius-card:24px;--sana-radius-large:32px;--sana-overlay:#0000007a;--sana-overlay-blur:blur(8px);--sana-radius-shell:16px;--sana-radius-button:32px;--sana-radius-nav:16px;--sana-radius-pill:32px;--sana-shadow:0px 0px 8px 0px #00cca129;--sana-shadow-popover:0px 0px 8px 0px #00cca129;--sana-button:linear-gradient(100deg,#1c7b61,#0b4237);--sana-sidebar:linear-gradient(180deg,#031212,#083934);--sana-page-start:#031212;--sana-page-end:#083934;--sana-page-bg:linear-gradient(180deg,var(--sana-page-start),var(--sana-page-end));--sana-shell:#ebebeb;--sana-hover:#188164;--sana-bg-dark-start:#031212;--sana-bg-dark-end:#083934;--sana-surface:#fff;--sana-border:#f5f5f5;--sana-switch-border:#e7e7e7;--sana-primary-start:#1c7b61;--sana-primary-end:#0b4237;--sana-secondary-bg:#f4f3ef;--sana-secondary-border:#0b4237;--sana-secondary-text:#0b4237;--sana-sidebar-hover:#0b4237;--sana-heading:#111b1b;--sana-green-50:#d9fbf3;--sana-green-200:#95e0d1;--sana-green-400:#79cbaa;--sana-green-900:#0b4237;--sana-radius-switch:16px;--sana-space-7:56px;--sana-page-margin:24px;--sana-gutter:16px;--sana-card-padding:16px;--sana-sidebar-item-height:55px;--sana-sidebar-item-gap:24px;--sana-shadow-card:0px 0px 8px 0px #00cca129;--sana-chart-1:#0b4237;--sana-chart-2:#1c7b61;--sana-chart-3:#99c4b8}
:root{--font-enterprise:"Alexandria", "IBM Plex Sans Arabic", sans-serif;--type-page:22px;--type-section:18px;--type-component:15px;--type-body:14px;--type-secondary:12px;--type-label:11px;--type-nav:14px;--type-kpi:22px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-heading:1.4;--leading-body:1.6;--ds-white:var(--sana-white);--ds-bg:var(--sana-canvas);--ds-cream:var(--sana-canvas);--ds-sand:var(--sana-canvas-warm);--ds-gray-50:var(--sana-line);--ds-gray-100:#e7e7e7;--ds-gray-200:#ddd;--ds-gray-300:var(--sana-disabled);--ds-gray-400:#7e7e7e;--ds-gray-500:var(--sana-muted);--ds-gray-600:#646464;--ds-slate:var(--sana-muted);--ds-ink:var(--sana-text);--ds-black:#000;--ds-mint-50:#d9fbf3;--ds-mint-100:#a1ecdd;--ds-mint-200:#95e0d1;--ds-green-300:#79cbaa;--ds-green-350:#79cbaa;--ds-teal-400:#5d9f92;--ds-accent:var(--sana-teal-mid);--ds-green-700:var(--sana-teal-mid);--ds-green-800:#08392f;--ds-green-900:var(--sana-teal);--ds-dark-700:#212f2f;--ds-dark-800:#111b1b;--ds-dark-900:#031212;--ds-dark-950:#031212;--ds-gradient-primary:var(--sana-button);--ds-gradient-primary-rtl:var(--sana-button);--ds-gradient-deep:var(--sana-button);--ds-gradient-night:var(--sana-sidebar);--ds-success:var(--sana-success);--ds-success-strong:#0b4237;--ds-success-soft:var(--sana-success-bg);--ds-warning:var(--sana-warning);--ds-warning-strong:#9a5e08;--ds-warning-soft:var(--sana-warning-bg);--ds-danger:var(--sana-danger);--ds-danger-border:var(--sana-danger);--ds-danger-strong:var(--sana-danger);--ds-danger-soft:var(--sana-danger-bg);--ds-info:var(--sana-teal-mid);--ds-info-soft:var(--sana-canvas);--ds-info-strong:var(--sana-teal);--ds-purple:var(--sana-teal-mid);--ds-purple-soft:var(--sana-canvas);--ds-navy:var(--sana-ink);--ds-navy-soft:var(--sana-canvas);--ds-neutral:var(--sana-muted);--ds-neutral-soft:var(--sana-canvas);--ds-font-latin:var(--font-enterprise);--ds-font-arabic:var(--font-enterprise);--ds-text-display:40px;--ds-text-h1:32px;--ds-text-h2:var(--type-page);--ds-text-h3:var(--type-section);--ds-text-h4:var(--type-component);--ds-text-body:14px;--ds-text-small:13px;--ds-text-caption:12px;--ds-weight-regular:400;--ds-weight-medium:500;--ds-weight-bold:600;--ds-space-1:4px;--ds-space-2:8px;--ds-space-3:12px;--ds-space-4:16px;--ds-space-5:24px;--ds-space-6:32px;--ds-space-7:48px;--ds-space-8:64px;--ds-grid-columns:12;--ds-grid-margin:24px;--ds-grid-gutter:24px;--ds-radius-xs:8px;--ds-radius-sm:12px;--ds-radius-md:16px;--ds-radius-lg:16px;--ds-radius-xl:var(--sana-radius-card);--ds-radius-pill:var(--sana-radius-pill);--ds-shadow-sm:var(--sana-shadow);--ds-shadow-card:var(--sana-shadow);--ds-shadow-raised:var(--sana-shadow-popover);--ds-focus-ring:0 0 0 2px color-mix(in srgb, var(--sana-teal-mid) 35%, transparent);--ds-control-lg:56px;--ds-control-md:48px;--ds-control-sm:40px;--ds-control-xs:32px;--nav:var(--sana-teal);--nav-dark:var(--sana-ink);--teal:var(--sana-teal-mid);--teal-soft:var(--ds-mint-50);--bg:var(--sana-canvas);--surface:var(--sana-white);--ink:var(--sana-text);--muted:var(--sana-muted);--border:var(--sana-line);--radius:var(--sana-radius-card);--rose:var(--sana-danger);--amber:var(--sana-warning);--shadow:var(--sana-shadow);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}
@font-face{font-family:Alexandria;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/alexandria/alexandria-300.ttf)format("truetype")}@font-face{font-family:Alexandria;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/alexandria/alexandria-400.ttf)format("truetype")}@font-face{font-family:Alexandria;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/alexandria/alexandria-500.ttf)format("truetype")}@font-face{font-family:Alexandria;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/alexandria/alexandria-600.ttf)format("truetype")}@font-face{font-family:Alexandria;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/alexandria/alexandria-700.ttf)format("truetype")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic/ibm-plex-sans-arabic-400-arabic.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-8FF,U+200C-200E,U+FB50-FDFF,U+FE70-FEFC}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic/ibm-plex-sans-arabic-400-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2000-206F,U+20AC,U+2122}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic/ibm-plex-sans-arabic-500-arabic.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-8FF,U+200C-200E,U+FB50-FDFF,U+FE70-FEFC}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic/ibm-plex-sans-arabic-500-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2000-206F,U+20AC,U+2122}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic/ibm-plex-sans-arabic-600-arabic.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-8FF,U+200C-200E,U+FB50-FDFF,U+FE70-FEFC}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic/ibm-plex-sans-arabic-600-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2000-206F,U+20AC,U+2122}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic/ibm-plex-sans-arabic-700-arabic.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-8FF,U+200C-200E,U+FB50-FDFF,U+FE70-FEFC}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic/ibm-plex-sans-arabic-700-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2000-206F,U+20AC,U+2122}html,body,button,input,select,textarea{font-family:var(--font-enterprise)}
.team-directory-summary{color:var(--teal);align-items:center;gap:9px;margin:0 0 20px;font-size:13px;font-weight:500;display:flex}.team-directory-summary>span{background:var(--teal-soft);border-radius:7px;justify-content:center;align-items:center;min-width:28px;height:25px;padding:0 7px;font-size:12px;font-weight:600;display:inline-flex}.team-directory{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.panel.team-person{min-width:0;box-shadow:0 3px 14px color-mix(in srgb, var(--ds-green-900) 2%, transparent);border-radius:14px;flex-direction:column;padding:20px;transition:border-color .18s,box-shadow .18s;display:flex}.team-person:hover,.team-person:focus-within{border-color:var(--ds-gray-200);box-shadow:0 6px 22px color-mix(in srgb, var(--ds-green-900) 4%, transparent)}.team-person-heading{align-items:center;gap:14px;margin-bottom:16px;display:flex}.team-person-heading>div{text-align:start;flex-wrap:wrap;align-items:baseline;column-gap:8px;min-width:0;display:flex}.team-person-heading>div h3{margin:0}.team-person-heading>div p:before{content:"·";margin-inline-end:8px}.team-person-heading .avatar{background:var(--teal-soft);width:52px;height:52px;color:var(--teal);border:1px solid var(--ds-gray-100);border-radius:16px;font-size:15px}.team-person h3{color:var(--nav);overflow-wrap:anywhere;text-align:start;margin:0 0 6px;font-size:15px;font-weight:600;line-height:1.5}.team-person-heading p{color:var(--ds-gray-400);overflow-wrap:anywhere;text-align:start;margin:0;font-size:12px;line-height:1.6}.team-person dl{border-top:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 12px;margin:auto 0 0;padding-top:16px;display:grid}.team-person dl>div{flex-direction:column;gap:4px;min-width:0;font-size:12px;line-height:1.5;display:flex}.team-person dt{color:var(--ds-gray-400);align-items:center;gap:6px;font-size:11px;display:flex}.team-person dt svg{color:var(--ds-teal-400);flex-shrink:0;align-self:flex-start;margin-top:2px}.team-person dd{color:var(--ink);text-align:start;overflow-wrap:anywhere;margin:0;font-weight:500}.team-person dl>.team-person-email{background:var(--ds-cream);border-radius:9px;flex-direction:row;grid-column:1/-1;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px}.team-person-email dt{font-size:11px}.team-person-email dd{text-align:start}.team-person-email a{width:fit-content;max-width:100%;color:var(--teal);overflow-wrap:anywhere;border-radius:3px;font-size:12px;text-decoration:none;display:block}.team-person-email a:hover{text-underline-offset:3px;text-decoration:underline}.team-person-email a:focus-visible{outline:2px solid var(--teal);outline-offset:4px}@media (prefers-reduced-motion:reduce){.panel.team-person{transition:none}}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-size:13px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button,a{touch-action:manipulation}button{color:inherit}a{color:var(--teal);text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb, var(--ds-teal-400) 50%, transparent);outline-offset:3px}input[type=checkbox]{accent-color:var(--teal);cursor:pointer;width:16px;height:16px}h1,h2,h3,h4,p{margin:0}h1{letter-spacing:-.9px;font-size:27px;font-weight:600;line-height:1.3}h2{letter-spacing:-.2px;font-size:15px;font-weight:600}h3{font-size:13px;font-weight:600}p{line-height:1.65}svg{flex-shrink:0}fieldset{border:0;margin:0;padding:0}input:not([type=checkbox]):not([type=file]),select,textarea{border:1px solid var(--border);background:var(--ds-white);color:var(--ink);border-radius:6px;width:100%;min-height:39px;padding:10px 12px;transition:border-color .15s}input:hover,select:hover,textarea:hover{border-color:var(--ds-gray-200)}textarea{resize:vertical;line-height:1.6}input::placeholder,textarea::placeholder{color:var(--ds-gray-300)}.muted{color:var(--muted)}.small-text{font-size:11px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.button{white-space:nowrap;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:37px;padding:9px 15px;font-size:12px;font-weight:500;transition:background .15s;display:inline-flex}.button.primary{background:var(--teal);color:var(--ds-white);border-color:var(--teal)}.button.primary:hover{background:var(--ds-green-900)}.button.secondary{background:var(--ds-white);border-color:var(--ds-gray-200);color:var(--ds-green-900)}.button.secondary:hover{background:var(--ds-cream)}.button.danger{background:var(--ds-danger-strong);color:var(--ds-white)}.button.full{width:100%}.small-button{min-height:32px;padding:7px 11px;font-size:11px}.text-button{color:var(--teal);text-align:start;background:0 0;border:0;align-items:center;gap:6px;padding:5px 0;font-size:11px;font-weight:500;display:inline-flex}.text-button:hover{text-decoration:underline}.icon-button{width:32px;height:32px;color:var(--ds-gray-400);background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-button:hover{background:var(--ds-sand);color:var(--teal)}.button-group{align-items:center;gap:6px;display:flex}.badge{background:var(--ds-cream);color:var(--ds-gray-400);white-space:nowrap;border-radius:4px;align-items:center;gap:5px;padding:4px 7px;font-size:10px;font-weight:500;line-height:1.3;display:inline-flex}.status-todo{background:var(--ds-gray-50);color:var(--ds-gray-400)}.status-in_progress{background:var(--ds-sand);color:var(--ds-warning-strong)}.status-done{background:var(--ds-cream);color:var(--ds-green-700)}.priority{white-space:nowrap;align-items:center;gap:5px;font-size:10px;display:inline-flex}.priority-low{color:var(--ds-gray-400)}.priority-medium,.priority-high{color:var(--ds-warning-strong)}.avatar{background:var(--ds-sand);width:34px;height:34px;color:var(--ds-green-700);letter-spacing:.3px;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:600;display:inline-flex}.avatar.small{width:26px;height:26px;font-size:8px}.avatar-stack{align-items:center;display:flex}.avatar-stack .avatar{border:2px solid #fff;margin-inline-start:-5px}.avatar-stack .avatar:first-child{margin-inline-start:0}.avatar-stack .avatar:nth-child(3n+2){background:var(--ds-sand);color:var(--ds-warning-strong)}.avatar-stack .avatar:nth-child(3n){background:var(--ds-gray-100);color:var(--ds-gray-500)}.brand{align-items:center;gap:11px;display:flex}.app-shell{min-height:100vh}.sidebar{background:var(--nav);width:224px;color:var(--ds-gray-200);z-index:30;flex-direction:column;display:flex;position:fixed;inset-block:0;inset-inline-start:0}.sidebar-brand{height:90px;color:var(--ds-cream);padding:0 26px}.workspace-label{background:color-mix(in srgb, var(--ds-green-900) 24%, transparent);border:1px solid color-mix(in srgb, var(--ds-gray-200) 9%, transparent);border-radius:6px;align-items:center;gap:10px;margin:0 16px 31px;padding:11px 12px;display:flex}.workspace-initial{background:color-mix(in srgb, var(--ds-gray-200) 9%, transparent);width:30px;height:30px;color:var(--ds-gray-200);border:1px solid color-mix(in srgb, var(--ds-mint-200) 19%, transparent);border-radius:4px;place-items:center;font-size:14px;display:grid}.workspace-label>div{flex:1;gap:4px;display:grid}.workspace-label strong{letter-spacing:1px;color:var(--ds-sand);font-size:10px;font-weight:500}.workspace-label span:not(.workspace-initial){color:var(--ds-gray-300);font-size:9px}.nav-label{text-transform:uppercase;letter-spacing:1.6px;color:var(--ds-teal-400);padding:0 27px 12px;font-size:8px}.sidebar>:not(nav){flex-shrink:0}.sidebar nav{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--ds-mint-200) 25%, transparent) transparent;flex:auto;min-height:0;padding:0 12px;overflow-y:auto}.nav-item{width:100%;color:var(--ds-gray-200);text-align:start;background:0 0;border:0;border-radius:5px;align-items:center;gap:12px;min-height:43px;margin-bottom:4px;padding:11px 14px;font-size:11px;display:flex;position:relative}.nav-item svg{stroke-width:1.5px;color:var(--ds-teal-400)}.nav-item:hover{background:color-mix(in srgb, var(--ds-green-900) 30%, transparent);color:var(--ds-white)}.nav-item.active{background:color-mix(in srgb, var(--ds-white) 5%, transparent);color:var(--ds-cream)}.nav-item.active:before{content:"";background:var(--ds-green-300);border-radius:3px;width:3px;position:absolute;inset-block:11px;inset-inline-start:0}.nav-item.active svg{color:var(--ds-gray-200)}.nav-count{background:color-mix(in srgb, var(--ds-gray-200) 9%, transparent);border-radius:4px;margin-inline-start:auto;padding:2px 6px;font-size:9px}.sidebar-bottom{margin-top:auto;padding:16px 12px}.sidebar-divider{background:color-mix(in srgb, var(--ds-mint-200) 10%, transparent);height:1px;margin:15px 3px}.profile-button{width:100%;color:var(--ds-sand);text-align:start;background:0 0;border:0;align-items:center;gap:10px;padding:5px 5px 3px;display:flex}.profile-button>.avatar{background:color-mix(in srgb, var(--ds-mint-200) 19%, transparent);color:var(--ds-gray-200)}.profile-button>span:nth-child(2){flex:1;min-width:0}.profile-button strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:500;display:block;overflow:hidden}.profile-button small{color:var(--ds-teal-400);margin-top:5px;font-size:8px;display:block}.profile-button>svg{color:var(--ds-teal-400)}.main-shell{min-height:100vh;margin-inline-start:224px}.topbar{background:color-mix(in srgb, var(--ds-white) 79%, transparent);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;height:63px;padding:0 34px;display:flex}.breadcrumbs{color:var(--ds-gray-400);align-items:center;gap:12px;font-size:10px;display:flex}.breadcrumb-root{color:var(--ds-gray-300)}.breadcrumbs>svg{color:var(--ds-gray-300);stroke-width:1.5px}.topbar-actions{align-items:center;gap:12px;display:flex}.topbar-date{color:var(--ds-gray-300);margin-inline-end:10px;font-size:10px}.notification-button{position:relative}.notification-button i{inset-inline-end:6px;background:var(--ds-warning-strong);border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:5px}.development-banner{background:var(--ds-sand);border-bottom:1px solid var(--ds-sand);min-height:25px;color:var(--ds-gray-400);justify-content:center;align-items:center;gap:6px;font-size:9px;display:flex}.workspace-main{flex-direction:column;max-width:1700px;min-height:calc(100vh - 88px);margin:0 auto;padding:33px 34px 0;display:flex}.page-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:29px;display:flex}.page-heading p{color:var(--muted);margin-top:7px;font-size:11px}.heading-actions{flex-shrink:0}.stats-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:25px;display:grid}.stat-card{background:var(--ds-white);border:1px solid var(--border);border-radius:7px;padding:17px 18px 16px}.stat-card>div{justify-content:space-between;align-items:center;gap:5px;display:flex}.stat-card>div>span:first-child{color:var(--ds-gray-400);font-size:10px}.stat-icon{border-radius:6px;place-items:center;width:27px;height:27px;display:grid}.stat-icon svg{stroke-width:1.5px}.stat-icon.teal{color:var(--ds-teal-400);background:var(--ds-cream)}.stat-icon.gray{color:var(--ds-gray-400);background:var(--ds-cream)}.stat-icon.amber{color:var(--ds-warning-strong);background:var(--ds-cream)}.stat-icon.green{color:var(--ds-teal-400);background:var(--ds-cream)}.stat-icon.rose{color:var(--ds-danger-soft);background:var(--ds-cream)}.stat-card>strong{letter-spacing:-1px;margin-top:15px;font-size:29px;font-weight:500;line-height:1;display:block}.panel{background:var(--ds-white);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.panel-header{border-bottom:1px solid var(--ds-cream);justify-content:space-between;align-items:center;gap:15px;padding:21px 22px;display:flex}.panel-header h2{align-items:center;gap:9px;font-size:12px;display:flex}.panel-header p{color:var(--ds-gray-300);margin-top:5px;font-size:10px}.panel-header>.text-button{font-size:10px}.attention-panel{margin-bottom:23px}.getting-started{border:1px solid var(--ds-sand);background:var(--ds-cream);border-radius:8px;align-items:center;gap:20px;margin-bottom:25px;padding:26px;display:flex}.getting-started-icon{border:1px solid var(--ds-gray-200);background:var(--ds-cream);width:65px;height:65px;color:var(--ds-teal-400);border-radius:12px;place-items:center;display:grid}.getting-started>div:nth-child(2){flex:1}.eyebrow{letter-spacing:1.7px;text-transform:uppercase;color:var(--ds-gray-400);font-size:8px;font-weight:600}.getting-started h2{margin-top:7px;margin-bottom:5px;font-size:17px;font-weight:500}.getting-started p{color:var(--ds-gray-400);max-width:470px;font-size:11px}.getting-started .button{background:var(--ds-green-700);border-color:var(--ds-green-700);font-size:10px}.empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:210px;padding:34px 20px;display:flex}.empty-icon{background:var(--ds-cream);border:1px solid var(--ds-sand);width:44px;height:44px;color:var(--ds-gray-300);border-radius:10px;place-items:center;margin-bottom:4px;display:grid}.empty-icon svg{stroke-width:1.2px}.empty h3{color:var(--ds-gray-400);font-size:12px;font-weight:500}.empty p{color:var(--ds-gray-300);max-width:320px;font-size:10px}.empty>.button{margin-top:9px}.dashboard-bottom{grid-template-columns:1.2fr 1fr;gap:22px;margin-bottom:23px;display:grid}.dashboard-bottom .empty{min-height:220px}.count{background:var(--ds-cream);color:var(--ds-gray-400);border-radius:4px;padding:2px 6px;font-size:9px;font-weight:400;display:inline-flex}.priority-chart{gap:24px;padding:26px 24px 20px;display:grid}.priority-chart>div{align-items:center;gap:10px;font-size:10px;display:flex}.priority-chart>div>span:nth-child(2){width:52px;color:var(--ds-gray-400)}.priority-chart>div>strong{text-align:end;width:18px;color:var(--ds-gray-300);font-size:10px;font-weight:500}.priority-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.chart-track{background:var(--ds-cream);border-radius:4px;flex:1;height:5px;overflow:hidden}.chart-fill{background:currentColor;border-radius:4px;min-width:0;height:100%;display:block}.chart-fill.teal{background:var(--ds-teal-400)}.chart-empty{color:var(--ds-gray-300);padding:0 24px 21px;font-size:10px}.employee-panel{margin-bottom:23px}.employee-bars{padding:10px 22px 16px}.employee-bars>div{align-items:center;gap:12px;margin-top:15px;font-size:11px;display:flex}.employee-bars>div>span:nth-child(2){width:150px}.employee-bars>div>strong{text-align:end;width:30px;font-size:11px}.small-empty{color:var(--ds-gray-300);text-align:center;padding:32px;font-size:11px}.table-wrap{overflow-x:auto}.task-table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:11px}.task-table thead{background:var(--ds-white)}.task-table th{text-align:start;color:var(--ds-gray-300);border-bottom:1px solid var(--ds-sand);padding:12px 16px;font-size:9px;font-weight:500}.task-table th:first-child{padding-inline-start:22px}.task-table td{border-bottom:1px solid var(--ds-cream);height:61px;padding:15px 16px}.task-table td:first-child{padding-inline-start:22px}.task-table tr:last-child td{border-bottom:0}.task-table tbody tr:hover{background:var(--ds-white)}.task-col{width:39%;min-width:225px}.task-name{align-items:center;gap:10px;display:flex}.task-check{width:17px;height:17px;color:var(--ds-gray-200);background:0 0;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.task-check.checked{background:var(--ds-teal-400);color:var(--ds-white)}.task-check:disabled{opacity:.65}.task-title{text-align:start;color:var(--ds-green-700);white-space:normal;background:0 0;border:0;align-items:center;gap:7px;max-width:370px;padding:0;font-size:11px;line-height:1.5;display:flex}.task-title:hover{color:var(--teal);text-decoration:underline}.completed-title{color:var(--ds-gray-300);text-decoration:line-through}.subtask-count{background:var(--ds-cream);border-radius:3px;padding:1px 4px;font-size:8px;text-decoration:none}.subtask-mark{color:var(--ds-gray-300)}.date-text{color:var(--ds-gray-400);font-size:10px}.overdue-text{color:var(--ds-danger-soft);font-size:10px}.project-label{color:var(--ds-teal-400);text-overflow:ellipsis;max-width:150px;font-size:10px;display:block;overflow:hidden}.row-open{width:20px;height:25px;color:var(--ds-gray-300)}.compact-projects{padding:2px 20px 8px}.compact-project{border:0;border-bottom:1px solid var(--ds-cream);text-align:start;background:0 0;align-items:center;gap:13px;width:100%;padding:18px 0;display:flex}.compact-project:last-child{border-bottom:0}.project-icon{border:1px solid var(--ds-sand);background:var(--ds-cream);width:35px;height:35px;color:var(--ds-teal-400);border-radius:7px;flex-shrink:0;place-items:center;display:grid}.compact-project>div{flex:1}.compact-project strong{margin-bottom:4px;font-size:11px;font-weight:500;display:block}.compact-project>div>span{color:var(--ds-gray-300);font-size:9px}.compact-project>span:not(.project-icon){color:var(--ds-teal-400);font-size:10px}.compact-project>svg{color:var(--ds-gray-300)}.mini-progress{background:var(--ds-cream);border-radius:3px;height:4px;overflow:hidden}.mini-progress>span{background:var(--ds-teal-400);border-radius:3px;height:100%;display:block}.compact-project .mini-progress{max-width:220px;margin-top:9px}.workspace-footer{color:var(--ds-gray-300);letter-spacing:.3px;justify-content:space-between;align-items:center;margin-top:auto;padding:27px 0 21px;font-size:8px;display:flex}.workspace-footer>span:first-child{font-weight:600}.workspace-footer .muted{font-size:8px;font-weight:400}.view-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:19px;display:flex}.tabs{align-items:center;gap:25px;min-height:42px;display:flex}.tabs button{color:var(--ds-gray-300);background:0 0;border:0;align-items:center;gap:7px;padding:14px 1px;font-size:11px;display:flex;position:relative}.tabs button.active{color:var(--ds-green-700);font-weight:500}.tabs button.active:after{content:"";bottom:-1px;background:var(--ds-green-700);height:2px;position:absolute;inset-inline:0}.tabs button>span{background:var(--ds-cream);color:var(--ds-gray-300);border-radius:3px;padding:1px 5px;font-size:9px}.filters{flex-direction:column;gap:13px;margin-bottom:19px;display:flex}.search-field{align-items:center;gap:8px;max-width:300px;display:flex;position:relative}.search-field svg{color:var(--ds-gray-300);stroke-width:1.5px;position:absolute;inset-inline-start:11px}.search-field input:not([type=checkbox]){min-height:35px;padding-inline-start:35px;font-size:11px}.filter-selects{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-selects select{width:auto;min-width:110px;max-width:190px;min-height:32px;color:var(--ds-teal-400);background-color:var(--ds-white);padding:6px 24px 6px 10px;font-size:10px}.filter-icon{color:var(--ds-gray-300);margin-inline-end:3px}.filter-selects .text-button{margin-inline-start:5px;font-size:10px}.project-summary{background:var(--ds-white);border:1px solid var(--border);color:var(--ds-teal-400);border-radius:7px;align-items:center;gap:20px;margin-bottom:20px;padding:17px 19px;font-size:10px;display:flex}.project-summary-main{flex-wrap:wrap;flex:1;align-items:center;gap:9px;display:flex}.summary-separator{background:var(--border);width:1px;height:14px;margin:0 5px}.project-summary-progress{align-items:center;gap:8px;font-size:10px;display:flex}.project-summary-progress .mini-progress{width:75px}.back-link{color:var(--ds-teal-400);margin-bottom:16px;font-size:10px}.section-pills{flex-wrap:wrap;gap:8px;margin-bottom:15px;display:flex}.section-pills .badge{background:var(--ds-sand);color:var(--ds-teal-400)}.add-section{margin-bottom:12px}.board{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.board-column{background:var(--ds-cream);border:1px solid var(--ds-sand);border-radius:7px;min-height:350px;padding:15px}.board-heading{align-items:center;gap:8px;margin-bottom:18px;display:flex}.board-heading h3{font-size:11px}.board-heading .count{background:var(--ds-sand);margin-inline-start:auto}.status-dot{background:currentColor;border-radius:50%;width:7px;height:7px}.board-card{text-align:start;border:1px solid var(--ds-sand);background:var(--ds-white);width:100%;box-shadow:0 1px 2px color-mix(in srgb, var(--ds-green-900) 6%, transparent);border-radius:6px;margin-bottom:11px;padding:16px;display:block}.board-card:hover{border-color:var(--ds-green-300)}.board-card h4{margin-top:12px;font-size:12px;font-weight:500;line-height:1.5}.board-card p{color:var(--ds-gray-300);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:8px;font-size:10px;display:-webkit-box;overflow:hidden}.board-card .mini-progress{margin-top:15px}.board-card-footer{justify-content:space-between;align-items:center;gap:10px;margin-top:20px;display:flex}.board-card-footer>span{color:var(--ds-gray-300);align-items:center;gap:5px;font-size:9px;display:flex}.board-empty{text-align:center;border:1px dashed var(--ds-sand);color:var(--ds-gray-300);border-radius:5px;padding:24px 12px;font-size:10px}.calendar-header{justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.calendar-header h3{font-size:14px}.calendar-week,.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.calendar-week>div{text-align:center;color:var(--ds-teal-400);border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--ds-bg);padding:13px;font-size:10px}.calendar-day{border-inline-end:1px solid var(--border);border-bottom:1px solid var(--border);min-height:108px;padding:8px;overflow:hidden}.calendar-day:nth-child(7n){border-inline-end:0}.calendar-day>span{width:23px;height:23px;color:var(--ds-teal-400);place-items:center;margin-bottom:5px;font-size:10px;display:grid}.calendar-day.outside{background:var(--ds-white)}.calendar-day.outside>span{color:var(--ds-gray-200)}.calendar-day .today-circle{background:var(--teal);color:var(--ds-white);border-radius:50%}.calendar-task{text-align:start;white-space:nowrap;text-overflow:ellipsis;border:0;border-radius:3px;width:100%;margin-bottom:4px;padding:5px 6px;font-size:9px;display:block;overflow:hidden}.calendar-note{color:var(--ds-teal-400);padding:15px 20px;font-size:10px}.projects-toolbar{border-bottom:1px solid var(--border);margin-top:-9px;margin-bottom:22px}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.project-card{padding:21px;transition:border-color .2s}.project-card:hover{border-color:var(--ds-gray-200)}.project-card-heading{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.project-title{text-align:start;background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:0;font-size:15px;font-weight:500;line-height:1.5;display:flex}.project-title svg{color:var(--ds-gray-300)}.project-card>p{color:var(--ds-gray-300);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:36px;margin-top:8px;font-size:10px;display:-webkit-box;overflow:hidden}.project-card-progress{color:var(--ds-teal-400);justify-content:space-between;margin-top:22px;margin-bottom:8px;font-size:9px;display:flex}.project-card-progress strong{color:var(--ds-green-700);font-weight:500}.project-card-meta{color:var(--ds-teal-400);justify-content:space-between;align-items:center;gap:7px;margin-top:17px;font-size:9px;display:flex}.project-card-meta>span{align-items:center;gap:5px;display:flex}.project-card-footer{border-top:1px solid var(--ds-sand);justify-content:space-between;align-items:center;margin-top:19px;padding-top:15px;display:flex}.project-card-footer .text-button{color:var(--ds-gray-300);font-size:9px}.notification-row{border:0;border-bottom:1px solid var(--border);background:var(--ds-white);text-align:start;align-items:center;gap:15px;width:100%;padding:24px;display:flex}.notification-row:last-child{border-bottom:0}.notification-row.unread{background:var(--ds-cream)}.notification-row>span:nth-child(2){flex:1}.notification-icon{background:var(--ds-cream);width:36px;height:36px;color:var(--ds-teal-400);border-radius:8px;place-items:center;display:grid}.notification-row strong{font-size:11px;font-weight:500}.notification-row p{color:var(--ds-teal-400);margin-top:5px;font-size:12px}.notification-row time{color:var(--ds-gray-300);margin-top:8px;font-size:9px;display:block}.notification-row>i{background:var(--ds-green-700);border-radius:50%;width:6px;height:6px}.notification-row>svg{color:var(--ds-gray-300)}.settings-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.settings-panel{align-self:start;padding:24px}.settings-panel>.muted{margin:14px 0;font-size:11px;line-height:1.8}.section-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.section-heading h3{align-items:center;gap:7px;font-size:12px;display:flex}.language-options{gap:13px;margin-top:25px;display:flex}.language-options button{background:var(--ds-white);border:1px solid var(--border);border-radius:6px;flex:1;align-items:center;gap:10px;padding:14px;font-size:12px;display:flex}.language-options button.selected{border-color:var(--ds-teal-400);background:var(--ds-cream)}.language-options span{color:var(--ds-gray-300);font-size:9px}.language-options svg{color:var(--ds-green-700);margin-inline-start:auto}.profile-details{margin:24px 0}.profile-details>div{border-bottom:1px solid var(--ds-cream);grid-template-columns:100px 1fr;gap:15px;padding:10px 0;font-size:11px;display:grid}.profile-details dt{color:var(--ds-gray-300)}.profile-details dd{word-break:break-word;margin:0}.config-names{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.config-names code{background:var(--ds-cream);color:var(--ds-teal-400);border-radius:4px;padding:5px;font-size:9px}.admin-list{margin-top:20px}.admin-work-heading{border:0;margin-top:20px;padding-inline:0}.loading{min-height:280px;color:var(--ds-teal-400);justify-content:center;align-items:center;gap:12px;font-size:12px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-box{border:1px solid var(--ds-gray-200);background:var(--ds-cream);color:var(--ds-danger-soft);overflow-wrap:anywhere;border-radius:6px;padding:12px 14px;font-size:12px;line-height:1.6}.error-panel{flex-wrap:wrap;align-items:center;gap:15px;padding:30px;display:flex}.global-error{gap:8px;margin-bottom:20px;display:flex}.global-error .error-box{flex:1}.dialog-overlay{background:color-mix(in srgb, var(--ds-dark-800) 40%, transparent);z-index:70;animation:.18s fade;position:fixed;inset:0}.dialog{background:var(--ds-white);z-index:71;box-shadow:0 15px 60px color-mix(in srgb, var(--ds-dark-800) 16%, transparent);outline:none;flex-direction:column;display:flex;position:fixed}.modal{inset-inline-start:50%;border-radius:10px;width:min(590px,100vw - 32px);max-height:calc(100dvh - 48px);top:50%;overflow-y:auto;transform:translate(-50%,-50%)}html[dir=rtl] .modal{transform:translate(50%,-50%)}.dialog-heading{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:15px;padding:22px 25px;display:flex}.dialog-heading h2{font-size:15px}.dialog-heading p:not(.sr-only){margin-top:8px;font-size:11px}.drawer{width:min(650px,100vw);animation:.18s fade;inset-block:0;inset-inline-end:0}.drawer-scroll{overscroll-behavior:contain;flex:1;padding:24px 29px 32px;overflow-y:auto}.form-body{padding:24px 25px}.field{flex-direction:column;gap:7px;min-width:0;margin-bottom:18px;display:flex}.field>span{color:var(--ds-gray-400);font-size:11px;font-weight:500}.field input,.field select,.field textarea{font-size:12px}.form-grid{grid-template-columns:1fr 1fr;gap:0 18px;display:grid}.people-field{margin-bottom:18px}.people-field legend{color:var(--ds-gray-400);margin-bottom:12px;font-size:11px;font-weight:500}.check-label{align-items:center;gap:9px;margin:9px 0;font-size:12px;display:flex}.check-label small{color:var(--ds-gray-300);margin-inline-start:auto;font-size:10px}.form-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;margin-top:25px;padding-top:20px;display:flex}.helper{color:var(--ds-gray-300);margin-bottom:13px;font-size:10px;line-height:1.7}.form-body>.error-box{margin-top:15px}.task-context{color:var(--ds-green-300);align-items:center;gap:7px;margin-bottom:19px;font-size:10px;display:flex}.drawer-title{justify-content:space-between;align-items:center;gap:15px;display:flex}.drawer-title h2{letter-spacing:-.4px;overflow-wrap:anywhere;font-size:22px;font-weight:500;line-height:1.5}.drawer-badges{align-items:center;gap:15px;margin:15px 0 12px;display:flex}.drawer-tabs{border-bottom:1px solid var(--border);margin:0 -29px 24px;padding:0 29px}.detail-fields{min-width:0}.detail-section{border-top:1px solid var(--border);margin-top:25px;padding-top:24px}.detail-section>.section-heading{margin-bottom:12px}.assignee-row{align-items:center;gap:10px;min-width:0;padding:11px 0;font-size:11px;display:flex}.assignee-row>span:nth-child(2){overflow-wrap:anywhere;flex:1}.completion-control{color:var(--ds-teal-400);align-items:center;gap:9px;font-size:10px;display:flex}.subtask-row{border:0;border-bottom:1px solid var(--ds-cream);text-align:start;background:0 0;align-items:center;gap:10px;width:100%;padding:12px 0;font-size:11px;display:flex}.subtask-row>span:nth-child(2){flex:1}.subtask-row .task-check{border:1px solid var(--ds-gray-200)}.subtask-row>svg{color:var(--ds-green-300)}.file-row{color:var(--ds-green-300);align-items:center;gap:9px;padding:10px 0;font-size:11px;display:flex}.file-row>a:not(.icon-button){overflow-wrap:anywhere;flex:1}.file-row small{color:var(--ds-green-300);font-size:9px}.upload-button{cursor:pointer;position:relative}.upload-button input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.upload-button:focus-within{outline:2px solid var(--teal);outline-offset:4px}.comment{gap:10px;padding:14px 0;display:flex}.comment>div{flex:1;min-width:0}.comment-header{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.comment-header strong{font-size:11px;font-weight:500}.comment-header time{color:var(--ds-green-300);font-size:9px}.comment p{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ds-teal-400);margin-top:7px;font-size:12px}.comment-form{margin-top:15px}.comment-form textarea{min-height:80px;font-size:11px}.comment-form button{margin-top:10px}.danger-text{color:var(--ds-danger-soft)}.delete-task{margin-top:28px}.activity-row{gap:17px;padding:5px 0 24px;display:flex;position:relative}.activity-row:not(:last-child):before{content:"";inset-inline-start:4px;background:var(--ds-sand);width:1px;position:absolute;top:13px;bottom:0}.activity-dot{border:2px solid var(--ds-green-300);border-radius:50%;flex-shrink:0;width:9px;height:9px;margin-top:4px}.activity-row strong{font-size:11px;font-weight:500}.activity-row p{color:var(--ds-teal-400);margin-top:4px;font-size:12px}.activity-row time{color:var(--ds-gray-300);margin-top:8px;font-size:9px;display:block}.activity-values{overflow-wrap:anywhere;max-width:450px;color:var(--ds-green-300);margin-top:5px;font-size:10px;display:block}.login-page{grid-template-columns:44% 56%;min-height:100vh;display:grid}.login-story{background:var(--nav);color:var(--ds-sand);flex-direction:column;min-height:100vh;padding:45px 55px;display:flex}.login-story-body{margin:auto 0;padding:65px 0}.login-story-body .eyebrow{color:var(--ds-green-300);letter-spacing:2px;font-size:9px}.login-story h1{letter-spacing:-1.7px;max-width:360px;margin-top:22px;font-size:43px;font-weight:500;line-height:1.22}.login-story-body>p{color:var(--ds-green-300);max-width:330px;margin-top:21px;font-size:12px;line-height:1.9}.login-illustration{border:1px solid color-mix(in srgb, var(--ds-gray-200) 13%, transparent);background:color-mix(in srgb, var(--ds-sand) 3%, transparent);border-radius:9px;max-width:335px;margin-top:50px;padding:19px 20px;transform:rotate(-2deg)}.illustration-top{border-bottom:1px solid color-mix(in srgb, var(--ds-gray-200) 11%, transparent);color:var(--ds-gray-200);align-items:center;gap:10px;padding-bottom:17px;font-size:10px;display:flex}.illustration-dot{background:var(--ds-green-300);border-radius:50%;width:5px;height:5px;margin-inline-start:auto}.illustration-row{color:var(--ds-green-300);align-items:center;gap:10px;margin-top:20px;font-size:9px;display:flex}.illustration-check{border:1px solid color-mix(in srgb, var(--ds-green-300) 40%, transparent);border-radius:50%;place-items:center;width:15px;height:15px;display:grid}.illustration-check.checked{background:var(--ds-green-300);color:var(--nav);border:0}.illustration-line{background:color-mix(in srgb, var(--ds-mint-200) 14%, transparent);border-radius:3px;height:5px;margin-inline-start:auto}.login-story-footer{color:var(--ds-green-300);letter-spacing:.2px;justify-content:space-between;align-items:center;font-size:10px;display:flex}.login-form-side{background:var(--ds-cream);justify-content:center;align-items:center;padding:60px 45px;display:flex;position:relative}.language-switch{top:35px;border:1px solid var(--ds-sand);color:var(--ds-teal-400);background:0 0;border-radius:5px;padding:8px 12px;font-size:10px;position:absolute;inset-inline-end:40px}.login-form{width:100%;max-width:355px}.login-form>.eyebrow{font-size:9px}.login-form h2{letter-spacing:-1px;margin-top:17px;font-size:29px;font-weight:500}.login-form>.muted{margin-top:12px;margin-bottom:30px;font-size:12px}.dev-note{background:var(--ds-cream);border:1px solid var(--ds-sand);color:var(--ds-green-300);border-radius:7px;align-items:flex-start;gap:11px;padding:15px;display:flex}.dev-note svg{margin-top:1px}.dev-note strong{color:var(--ds-teal-400);font-size:10px;font-weight:500}.dev-note p{color:var(--ds-teal-400);margin-top:5px;font-size:10px;line-height:1.9}.login-form .button.full{justify-content:space-between;min-height:41px;margin-top:12px;padding-inline:16px}.login-secure{color:var(--ds-gray-300);justify-content:center;align-items:center;gap:7px;margin-top:30px;font-size:9px;display:flex}.mobile-menu,.mobile-close,.mobile-backdrop{display:none}@keyframes fade{0%{opacity:0}to{opacity:1}}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] .eyebrow{letter-spacing:0}html[dir=rtl] .breadcrumbs>svg,html[dir=rtl] .compact-project>svg,html[dir=rtl] .profile-button>svg{transform:rotate(180deg)}@media (min-width:1500px){.workspace-main{padding:40px 48px 0}.topbar{padding-inline:48px}.stats-grid{gap:20px}.stat-card{padding:22px}.stat-card>strong{margin-top:20px;font-size:34px}.stat-card>div>span:first-child{font-size:12px}.dashboard-bottom{gap:26px}.panel-header h2{font-size:14px}.task-table td{height:67px}.task-title{font-size:12px}.empty{min-height:240px}}@media (max-width:1150px){.sidebar{width:200px}.main-shell{margin-inline-start:200px}.workspace-main{padding:28px 24px 0}.topbar{padding:0 24px}.stats-grid{gap:9px}.stat-card{padding:14px 12px}.stat-card>div>span:first-child{font-size:9px}.stat-icon{width:23px;height:23px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.getting-started{gap:16px;padding:22px}.getting-started-icon{display:none}.getting-started p{max-width:370px}.settings-grid{grid-template-columns:1fr}.dashboard-bottom{gap:16px}.sidebar-brand{padding-inline:23px}.login-story{padding:40px}.login-story h1{font-size:37px}}@media (max-width:800px){.sidebar{width:224px;transition:transform .2s;transform:translate(-100%)}html[dir=rtl] .sidebar{transform:translate(100%)}.sidebar.is-open,html[dir=rtl] .sidebar.is-open{transform:translate(0)}.mobile-backdrop{background:color-mix(in srgb, var(--ds-green-900) 38%, transparent);z-index:29;border:0;display:block;position:fixed;inset:0}.main-shell{margin-inline-start:0}.mobile-menu,.mobile-close{display:inline-flex}.mobile-close{color:var(--ds-green-300);margin-inline-start:auto}.sidebar-brand{padding-inline:22px}.topbar{height:59px;padding-inline:18px}.topbar-date{display:none}.breadcrumbs{gap:8px}.topbar-actions{gap:5px}.workspace-main{padding:25px 20px 0}.page-heading{gap:16px;margin-bottom:24px}h1{font-size:24px}.page-heading p{max-width:380px;font-size:10px}.stats-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.stat-card{padding:13px 10px}.stat-icon{display:none}.stat-card>strong{font-size:26px}.getting-started h2{font-size:15px}.getting-started p{font-size:10px}.getting-started .button{padding:8px 10px;font-size:9px}.panel-header{padding:19px 18px}.board{gap:10px}.board-column{padding:11px}.board-card{padding:12px}.calendar-day{min-height:90px}.login-story{padding:35px}.login-story h1{font-size:33px}.login-form-side{padding-inline:30px}.login-form h2{font-size:25px}}@media (max-width:560px){.workspace-main{padding:22px 15px 0}.topbar{padding-inline:12px}.breadcrumbs{font-size:9px}.breadcrumb-root,.breadcrumbs>svg:first-of-type,.topbar-actions>.avatar{display:none}.development-banner{min-height:25px;font-size:8px}.page-heading{align-items:flex-start;gap:12px}.page-heading h1{font-size:22px}.page-heading p{max-width:235px;margin-top:6px;font-size:10px}.heading-actions .button{min-height:33px;padding:8px 10px;font-size:10px}.heading-actions .button svg{width:13px}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:18px}.stat-card{padding:13px 12px}.stat-card>div>span:first-child{font-size:9px}.stat-icon{width:22px;height:22px;display:grid}.stat-icon svg{width:14px}.stat-card>strong{margin-top:10px;font-size:25px}.stats-grid .stat-card:nth-child(n+4){grid-column:auto}.getting-started{margin-bottom:18px;padding:19px;display:block}.getting-started .button{margin-top:16px;font-size:10px}.getting-started p{max-width:100%}.dashboard-bottom{grid-template-columns:1fr;gap:18px;margin-bottom:18px}.panel-header{padding:18px 16px}.panel-header h2{font-size:11px}.panel-header p,.panel-header>.text-button{font-size:9px}.empty{min-height:190px}.dashboard-bottom .empty{min-height:180px}.project-grid{grid-template-columns:1fr}.project-summary{flex-wrap:wrap;gap:12px;padding:13px}.project-summary-main{flex:auto;width:100%}.project-summary-progress{flex:1}.tabs{gap:20px}.tabs button{font-size:10px}.filters{gap:11px}.search-field{max-width:none}.filter-selects{gap:6px}.filter-selects select{flex:1;min-width:95px;max-width:160px;padding-inline-start:8px;font-size:9px}.filter-icon{display:none}.board{scroll-snap-type:x mandatory;gap:12px;padding-bottom:12px;display:flex;overflow-x:auto}.board-column{scroll-snap-align:start;min-width:260px}.board-card{padding:15px}.calendar-scroll{overflow-x:auto}.calendar-week,.calendar-grid{min-width:620px}.calendar-header{padding:15px}.calendar-header h3{font-size:12px}.settings-panel{padding:19px}.settings-panel .badge{font-size:8px}.language-options{gap:8px}.language-options button{padding:12px;font-size:11px}.profile-details>div{grid-template-columns:85px 1fr}.notification-row{gap:12px;padding:18px}.notification-row p{font-size:11px}.notification-icon{width:31px;height:31px}.modal{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.dialog-heading{padding:19px}.form-body{padding:20px}.form-grid{gap:0 12px}.check-label{font-size:11px}.check-label small{font-size:8px}.drawer-scroll{padding:22px 20px}.drawer-tabs{margin-inline:-20px;padding-inline:20px}.drawer-title h2{font-size:20px}.completion-control span{font-size:8px}.assignee-row{gap:8px;font-size:10px}.section-heading h3{font-size:11px}.comment-header{gap:7px}.comment-header time{font-size:8px}.subtask-row{font-size:10px}.subtask-row .badge{font-size:8px}.login-page{display:block}.login-story{min-height:0;padding:25px 28px}.login-story-body{padding:35px 0 5px}.login-story-body .eyebrow{font-size:8px}.login-story h1{max-width:280px;margin-top:15px;font-size:31px}.login-story-body>p{max-width:300px;margin-top:15px;font-size:11px}.login-story-footer,.login-illustration{display:none}.login-form-side{min-height:500px;padding:50px 28px 35px}.language-switch{top:16px;font-size:9px;inset-inline-end:25px}.login-form h2{font-size:25px}.login-form>.muted{margin-bottom:20px}.login-form>.eyebrow{font-size:8px}.login-form .field{margin:20px 0}.dev-note{padding:12px}.workspace-footer{padding-top:24px}.employee-bars>div>span:nth-child(2){width:110px;font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.skip-link{inset-inline-start:18px;z-index:100;background:var(--ds-white);border:2px solid var(--teal);border-radius:5px;padding:12px 18px;position:fixed;top:-80px}.skip-link:focus{top:12px}.helper,.field>span,.check-label small,.task-context,.completion-control,.comment-header time,.activity-row time,.activity-values,.empty p,.empty h3,.chart-empty,.small-empty,.date-text,.project-label,.task-table th,.calendar-note,.calendar-day>span,.calendar-week>div,.board-empty,.board-card p,.board-card-footer>span,.project-card>p,.project-card-progress,.project-card-meta,.project-card-footer .text-button,.notification-row time,.profile-details dt,.config-names code,.priority-low{color:var(--ds-gray-400)}.priority-medium,.priority-high{color:var(--ds-warning-strong)}.priority-urgent{color:var(--ds-danger-strong)}.tabs button,.stat-card>div>span:first-child,.page-heading p,.panel-header p,.priority-chart>div>span:nth-child(2),.priority-chart>div>strong,.filter-selects select,.project-summary,.compact-project>div>span,.topbar-date,.breadcrumb-root{color:var(--ds-gray-400)}.getting-started p,.dev-note p,.login-secure{color:var(--ds-green-700)}.getting-started .eyebrow,.login-form>.eyebrow,.empty-icon{color:var(--ds-gray-400)}.profile-details dd,.comment p{color:var(--ds-green-900)}main:focus{outline:none}.login-page{grid-template-columns:48% 52%}.login-story{background:radial-gradient(ellipse at 5% 100%, color-mix(in srgb, var(--ds-green-700) 40%, transparent), transparent 58%), radial-gradient(ellipse at 95% 0%, color-mix(in srgb, var(--ds-teal-400) 13%, transparent), transparent 50%), var(--ds-green-900);padding:40px clamp(32px,5vw,88px);position:relative;overflow:hidden}.login-story:before{content:"";border:1px solid color-mix(in srgb, var(--ds-sand) 5%, transparent);top:-330px;pointer-events:none;border-radius:50%;width:580px;height:580px;position:absolute;inset-inline-end:-240px}.login-story-body{width:100%;max-width:540px;margin:auto;padding:48px 0;position:relative}.login-story h1{letter-spacing:-2px;max-width:540px;margin:22px 0;font-size:clamp(36px,3.5vw,60px);font-weight:550;line-height:1.13}.login-story-body>p{max-width:410px;color:var(--ds-gray-200);font-size:15px;line-height:1.8}.login-story-body .eyebrow{color:var(--ds-green-300);font-size:10px}.login-art{margin:42px 0 38px;padding:12px 14px 22px 0;position:relative}.login-art-orbit{border:1px solid color-mix(in srgb, var(--ds-mint-100) 10%, transparent);top:-24px;border-radius:50%;width:280px;height:280px;position:absolute;inset-inline-end:-30px}.login-illustration{background:linear-gradient(135deg, color-mix(in srgb, var(--ds-white) 9%, transparent), color-mix(in srgb, var(--ds-white) 3%, transparent));border:1px solid color-mix(in srgb, var(--ds-gray-200) 20%, transparent);max-width:none;box-shadow:0 25px 55px color-mix(in srgb, var(--ds-dark-700) 20%, transparent);border-radius:18px;margin:0;padding:22px;position:relative;transform:rotate(-3deg)}.illustration-top{color:var(--ds-sand);padding-bottom:18px;font-size:12px}.illustration-top strong{font-size:13px;font-weight:550;display:block}.illustration-top div>span{color:var(--ds-gray-200);margin-top:5px;font-size:10px;display:block}.art-app-icon{background:color-mix(in srgb, var(--ds-green-300) 10%, transparent);width:38px;height:38px;color:var(--ds-green-300);border-radius:10px;place-items:center;display:grid}.art-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px 0;display:grid}.art-column-label{color:var(--ds-sand);white-space:nowrap;align-items:center;gap:5px;margin-bottom:10px;font-size:9px;display:flex}.art-column-label i{background:var(--ds-green-300);border-radius:50%;width:5px;height:5px}.art-task{background:var(--ds-cream);box-shadow:0 8px 14px color-mix(in srgb, var(--ds-dark-700) 13%, transparent);border-radius:9px;padding:12px}.art-task-tag{background:var(--ds-gray-200);border-radius:3px;width:45%;height:7px;margin-bottom:12px;display:block}.art-task-tag.tag-1{background:var(--ds-warning-soft)}.art-task-tag.tag-2{background:var(--ds-mint-200)}.art-task-line{background:color-mix(in srgb, var(--ds-teal-400) 22%, transparent);border-radius:3px;height:4px;margin:7px 0;display:block}.art-task-line.short{width:65%}.art-task-bottom{color:var(--ds-teal-400);justify-content:space-between;align-items:center;margin-top:17px;display:flex}.art-avatar{background:var(--ds-sand);border-radius:50%;place-items:center;width:23px;height:23px;display:grid}.art-progress{color:var(--ds-mint-50);align-items:center;gap:10px;font-size:9px;display:flex}.art-progress>div{background:color-mix(in srgb, var(--ds-mint-50) 15%, transparent);border-radius:4px;flex:1;height:4px}.art-progress i{background:var(--ds-green-300);border-radius:inherit;width:72%;height:100%;display:block}.art-floating{bottom:0;background:var(--ds-sand);color:var(--ds-green-900);box-shadow:0 10px 30px color-mix(in srgb, var(--ds-dark-700) 20%, transparent);border-radius:12px;align-items:center;gap:12px;padding:14px 18px;display:flex;position:absolute;inset-inline-end:0;transform:rotate(3deg)}.art-floating>span{background:var(--ds-mint-50);border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.art-floating strong{font-size:12px}.art-floating small{color:var(--ds-gray-400);margin-top:4px;font-size:10px;display:block}.login-features{color:var(--ds-gray-200);flex-wrap:wrap;gap:20px;font-size:11px;display:flex}.login-features>span{align-items:center;gap:7px;display:inline-flex}.login-form-side{background:radial-gradient(ellipse at 90% 90%, color-mix(in srgb, var(--ds-sand) 50%, transparent), transparent 60%), var(--ds-cream);padding:88px 32px}.login-form{background:var(--ds-white);border:1px solid var(--ds-sand);max-width:458px;box-shadow:0 18px 60px color-mix(in srgb, var(--ds-green-900) 3%, transparent);border-radius:22px;padding:38px}.login-welcome-icon{background:var(--ds-cream);width:52px;height:52px;color:var(--ds-green-700);border-radius:15px;place-items:center;margin-bottom:26px;display:grid}.login-form h2{margin:12px 0;font-size:32px;font-weight:550;line-height:1.25}.login-form>.muted{color:var(--ds-gray-400);margin-bottom:28px;font-size:14px;line-height:1.7}.login-form .field{margin:20px 0}.login-form .field>label{color:var(--ds-green-900);margin-bottom:9px;font-size:12px;font-weight:500;display:block}.login-input{align-items:center;display:flex;position:relative}.login-input>svg{color:var(--ds-gray-300);pointer-events:none;position:absolute;inset-inline-start:14px}.login-form .login-input input{background:var(--ds-white);border:1px solid var(--ds-sand);border-radius:9px;width:100%;min-height:50px;padding-inline:46px;font-size:14px}.login-form .login-input input:focus{background:var(--ds-white);border-color:var(--ds-green-700);outline:3px solid color-mix(in srgb, var(--ds-green-700) 10%, transparent)}.login-input input::placeholder{color:var(--ds-gray-300)}.password-toggle{width:40px;height:40px;color:var(--ds-gray-400);background:0 0;border:0;border-radius:7px;place-items:center;display:grid;position:absolute;inset-inline-end:5px}.password-toggle:hover{background:var(--ds-sand);color:var(--ds-green-900)}.login-account-note{color:var(--ds-gray-400);margin:8px 0 22px;font-size:12px;line-height:1.8}.login-form .button.full{min-height:50px;box-shadow:0 5px 12px color-mix(in srgb, var(--ds-green-900) 10%, transparent);border-radius:9px;font-size:13px}.login-secure{color:var(--ds-gray-400);border-top:1px solid var(--ds-sand);margin-top:24px;padding-top:22px;font-size:11px}.language-switch{color:var(--ds-green-700);background:color-mix(in srgb, var(--ds-white) 50%, transparent);border-radius:8px;align-items:center;gap:7px;font-size:11px;display:flex}.login-spinner{animation:1s linear infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}html[dir=rtl] .login-story h1,html[dir=rtl] .login-form h2{letter-spacing:0}@media (max-width:1100px){.login-story{padding:32px}.login-form{padding:28px}.art-columns{gap:7px}.login-illustration{padding:16px}}@media (max-width:760px){.login-page{grid-template-columns:1fr}.login-story{min-height:auto;padding:25px 24px}.login-story-body{margin:0;padding:24px 0 0}.login-story h1{max-width:430px;margin:0 0 12px;font-size:30px}.login-story-body>p{margin:0;font-size:13px}.login-art,.login-features,.login-story-footer,.login-story-body>.eyebrow{display:none}.login-form-side{padding:65px 18px 28px}.login-form{max-width:458px;padding:26px}.language-switch{top:18px;inset-inline-end:22px}.login-form h2{font-size:28px}.login-welcome-icon{width:44px;height:44px;margin-bottom:20px}}@media (prefers-reduced-motion:reduce){.login-spinner{animation:none}}.roadmap{margin-top:22px}.roadmap-goal{border-top:3px solid var(--teal);align-items:flex-start;gap:20px;padding:26px;display:flex}.roadmap-goal-icon{background:var(--teal-soft);color:var(--teal);border-radius:50%;padding:13px}.roadmap-goal-copy{flex:1;min-width:0}.roadmap-goal-copy h2{margin:6px 0 10px;font-size:21px}.roadmap-goal-copy p{white-space:pre-line;line-height:1.8}.roadmap-goal-copy small{color:var(--muted)}.roadmap-total{color:var(--teal);flex-direction:column;gap:6px;min-width:115px;font-size:12px;display:flex}.roadmap-total strong{font-size:36px}.roadmap-stage-body{padding:22px}.roadmap-stage-body header{justify-content:space-between;align-items:center;gap:12px;display:flex}.roadmap-stage-body h3{margin:4px 0;font-size:17px}.roadmap-task-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:12px;margin-top:18px;display:grid}.roadmap-task{text-align:start;background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:8px;flex-direction:column;gap:12px;min-width:0;padding:16px;display:flex}.roadmap-task:hover{border-color:var(--teal);background:var(--teal-soft)}.roadmap-task-title{align-items:flex-start;gap:9px;line-height:1.7;display:flex}.roadmap-task-title svg{color:var(--teal);flex-shrink:0;margin-top:4px}.roadmap-task-title strong{overflow-wrap:anywhere}.roadmap-task-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}@media (max-width:650px){.roadmap-goal{flex-wrap:wrap;gap:12px;padding:18px}.roadmap-goal-icon{display:none}.roadmap-goal-copy{flex-basis:100%}.roadmap-total{flex-flow:wrap;align-items:center;gap:12px}.roadmap-total strong{font-size:26px}.roadmap-stage-body{padding:14px}.roadmap-stage-body header{flex-wrap:wrap;align-items:flex-start}}.journey{z-index:2;margin-top:18px;padding:18px 18px 8px;position:relative;overflow:visible}.journey-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.journey-title{color:var(--teal);align-items:center;gap:8px;font-weight:600;display:inline-flex}.journey-map{border-radius:var(--radius);background-color:var(--ds-white);background-image:radial-gradient(circle at 18% 30%, var(--ds-cream) 0 70px, transparent 71px), radial-gradient(circle at 82% 75%, var(--ds-sand) 0 90px, transparent 91px), radial-gradient(var(--ds-gray-100) 1px, transparent 1.2px);background-size:auto,auto,18px 18px;margin-top:8px;position:relative}.journey-road{position:absolute;inset:0;overflow:visible}.journey-road path{fill:none;stroke-linecap:round}.journey-road-bed{stroke:var(--ds-gray-100);stroke-width:16px}.journey-road-line{stroke:var(--ds-white);stroke-width:2px;stroke-dasharray:8 9}.journey-road-done{stroke:var(--teal);stroke-width:6px}.journey-road-active{stroke:var(--teal);stroke-width:4px;stroke-dasharray:2 10;animation:1.2s linear infinite journey-march}@keyframes journey-march{to{stroke-dashoffset:-24px}}.journey-stop{width:150px;font:inherit;color:var(--ink);text-align:center;z-index:1;background:0 0;border:0;flex-direction:column;align-items:center;gap:8px;padding:0;display:flex;position:absolute;transform:translate(-50%,-24px)}button.journey-stop{cursor:pointer}.journey-pin{--ring:var(--border);width:48px;height:48px;color:var(--teal);background:radial-gradient(var(--surface) 0 19px, transparent 20px), conic-gradient(var(--teal) var(--pct,0%), var(--ring) 0);box-shadow:0 4px 12px color-mix(in srgb, var(--ds-green-900) 14%, transparent);border-radius:50%;place-items:center;font-size:17px;font-weight:700;transition:transform .2s,box-shadow .2s;display:grid}.journey-start .journey-pin,.journey-stop.is-reached .journey-pin{background:var(--teal);color:var(--ds-white)}.journey-finish .journey-pin{background:var(--amber);width:56px;height:56px;color:var(--ds-white);border-radius:16px 16px 16px 4px;transform:rotate(45deg)}.journey-finish .journey-pin svg{transform:rotate(-45deg)}.journey-finish.is-reached .journey-pin{background:var(--teal);box-shadow:0 0 0 8px var(--teal-soft)}button.journey-stop:hover .journey-pin,button.journey-stop:focus-visible .journey-pin{transform:translateY(-3px)scale(1.06)}.journey-stop.is-selected .journey-pin{box-shadow:0 0 0 4px var(--surface), 0 0 0 7px var(--teal)}.journey-stop.is-current .journey-pin{animation:2s ease-out infinite journey-pulse}@keyframes journey-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--ds-green-700) 33%, transparent)}to{box-shadow:0 0 0 16px color-mix(in srgb, var(--ds-green-700) 0%, transparent)}}.journey-stop.is-current.is-selected .journey-pin{animation:none}.journey-label{background:color-mix(in srgb, var(--ds-white) 88%, transparent);border-radius:8px;flex-direction:column;gap:2px;max-width:100%;padding:6px 10px;font-size:11px;display:flex}.journey-label strong{overflow-wrap:anywhere;font-size:13px;line-height:1.5}.journey-stop.is-selected .journey-label{background:var(--teal-soft)}.journey-here{bottom:calc(100% + 8px);background:var(--nav);width:max-content;color:var(--ds-white);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;margin-inline:auto;padding:4px 8px;font-size:11px;font-weight:600;animation:2.4s ease-in-out infinite journey-bob;display:inline-flex;position:absolute;inset-inline:0}.journey-here:after{content:"";border:5px solid #0000;border-top-color:var(--nav);margin-left:-5px;position:absolute;top:100%;left:50%}@keyframes journey-bob{50%{transform:translateY(-4px)}}.journey-owners{border-top:1px solid var(--border);flex-direction:column;align-items:center;gap:4px;margin-top:4px;padding-top:6px;display:flex}.journey-owner-names{max-width:100%;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}button.journey-stop:hover,button.journey-stop:focus-visible{z-index:5}.journey-card{top:calc(100% + 8px);overflow-wrap:anywhere;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;min-width:0;max-width:100%;box-shadow:0 10px 28px color-mix(in srgb, var(--ds-green-900) 15%, transparent);text-align:start;opacity:0;visibility:hidden;pointer-events:none;flex-direction:column;gap:8px;margin-inline:auto;padding:12px;transition:opacity .15s,transform .15s,visibility .15s;display:flex;position:absolute;inset-inline:0;transform:translateY(-4px)}button.journey-stop:hover .journey-card,button.journey-stop:focus-visible .journey-card{opacity:1;visibility:visible;transform:none}.journey-card-row{grid-template-columns:auto 1fr;align-items:center;column-gap:8px;font-size:12px;display:grid}.journey-card-row .avatar{grid-row:span 2}.journey-card-row strong{overflow-wrap:anywhere}.journey-card-row .muted{font-size:11px}.journey-detail{border-top:3px solid var(--teal);margin-top:16px}@media (max-width:650px){.journey{padding:12px 10px 4px}.journey-stop{width:120px}.journey-pin{background:radial-gradient(var(--surface) 0 16px, transparent 17px), conic-gradient(var(--teal) var(--pct,0%), var(--ring) 0);width:42px;height:42px;font-size:15px}}@media (prefers-reduced-motion:reduce){.journey-road-active,.journey-stop.is-current .journey-pin,.journey-here{animation:none}}.status-fill-done{background:var(--ds-green-700)}.status-fill-in_progress{background:var(--ds-warning)}.status-fill-todo{background:var(--ds-info)}.priority-fill-urgent,.priority-fill-high{background:var(--ds-danger-strong);stroke:var(--ds-danger-strong)}.priority-fill-medium{background:var(--ds-warning);stroke:var(--ds-warning)}.priority-fill-low{background:var(--ds-gray-200);stroke:var(--ds-gray-200)}.swatch{border-radius:3px;flex-shrink:0;width:9px;height:9px;display:inline-block}.chart-legend{color:var(--ds-gray-400);flex-wrap:wrap;gap:6px 16px;font-size:11px;display:flex}.chart-legend>span{align-items:center;gap:6px;display:inline-flex}.chart-tooltip{z-index:20;pointer-events:none;background:var(--ds-white);min-width:150px;color:var(--ink);border:1px solid var(--border);box-shadow:0 8px 24px color-mix(in srgb, var(--ds-green-900) 12%, transparent);white-space:nowrap;border-radius:8px;gap:5px;padding:9px 11px;font-size:11px;display:grid;position:absolute;transform:translate(-50%,calc(-100% - 14px))}.chart-tooltip>strong{margin-bottom:2px;font-size:12px;font-weight:600}.chart-tooltip>span{color:var(--ds-gray-400);align-items:center;gap:7px;display:flex}.chart-tooltip b{color:var(--ink);font-variant-numeric:tabular-nums;margin-inline-start:auto;padding-inline-start:14px;font-weight:600}.stack-track{background:var(--ds-cream);border-radius:4px;flex:1;min-width:60px;height:10px}.stack-fill{gap:2px;min-width:6px;height:100%;display:flex}.stack-seg{min-width:3px;height:100%;transition:opacity .14s;display:block}.stack-seg:first-child{border-start-start-radius:4px;border-end-start-radius:4px}.stack-seg:last-child{border-start-end-radius:4px;border-end-end-radius:4px}.stack-fill:hover .stack-seg:not(:hover){opacity:.55}.overdue-pill{background:var(--ds-sand);color:var(--ds-danger-strong);white-space:nowrap;border-radius:10px;align-items:center;gap:3px;padding:1px 6px;font-size:10px;font-weight:500;display:inline-flex}.projects-chart{padding:14px 22px 10px;position:relative}.projects-chart>.chart-legend{margin-bottom:6px}.project-chart-row{border:0;border-bottom:1px solid var(--ds-cream);width:100%;color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;align-items:center;gap:14px;padding:14px 0;display:flex}.project-chart-row:last-child{border-bottom:0}.project-chart-row:hover strong{color:var(--teal)}.project-chart-body{flex:1;gap:8px;min-width:0;display:grid}.project-chart-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.project-chart-head strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}.project-chart-meta{color:var(--ds-gray-400);white-space:nowrap;align-items:center;gap:8px;font-size:10px;display:inline-flex}.project-chart-pct{text-align:end;font-variant-numeric:tabular-nums;width:38px;font-size:13px;font-weight:600}.project-chart-row>svg{color:var(--ds-gray-300)}html[dir=rtl] .project-chart-row>svg{transform:rotate(180deg)}.priority-donut{align-items:center;gap:28px;padding:24px;display:flex;position:relative}.donut-wrap{flex-shrink:0;width:168px;position:relative}.donut-wrap svg{width:100%;display:block;transform:rotate(-90deg)}.donut-track,.donut-seg{fill:none;stroke-width:18px}.donut-track{stroke:var(--ds-cream)}.donut-seg{cursor:pointer;background:0 0;transition:opacity .14s}.donut-wrap svg:hover .donut-seg:not(:hover){opacity:.5}.donut-center{text-align:center;pointer-events:none;place-content:center;display:grid;position:absolute;inset:0}.donut-center strong{font-size:28px;font-weight:600;line-height:1.1}.donut-center span{color:var(--ds-gray-400);font-size:11px}.priority-legend{flex:1;gap:2px;min-width:0;font-size:12px;display:grid}.priority-legend-head,.priority-legend-row{grid-template-columns:minmax(70px,1.4fr) 1fr .8fr .8fr;align-items:center;gap:8px;display:grid}.priority-legend-head{border-bottom:1px solid var(--ds-cream);color:var(--ds-gray-400);padding-bottom:6px;font-size:10px}.priority-legend-head>span:not(:first-child),.priority-legend-row>span:not(:first-child){text-align:end;font-variant-numeric:tabular-nums}.priority-legend-row{padding:8px 0}.priority-legend-label{align-items:center;gap:8px;display:inline-flex}.priority-legend-row b{font-weight:600}.priority-legend-row>span:nth-child(2){justify-content:flex-end;align-items:baseline;gap:6px;display:inline-flex}.priority-legend-row small{color:var(--ds-gray-400);font-size:10px}.priority-legend-row .is-overdue{color:var(--ds-danger-strong);font-weight:600}.priority-insight{background:var(--ds-cream);color:var(--ds-warning-strong);border-radius:7px;align-items:center;gap:7px;margin:10px 0 0;padding:9px 11px;font-size:11px;display:flex}.employee-chart{padding:18px 22px 20px;position:relative}.employee-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.employee-summary>div{border:1px solid var(--ds-cream);background:var(--ds-white);border-radius:8px;gap:4px;padding:12px 14px;display:grid}.employee-summary span{color:var(--ds-gray-400);font-size:11px}.employee-summary strong{font-variant-numeric:tabular-nums;font-size:20px;font-weight:600}.employee-summary .is-alert strong{color:var(--ds-danger-strong)}.employee-chart-head{border-bottom:1px solid var(--ds-cream);justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;display:flex}.employee-chart-cols{color:var(--ds-gray-400);font-size:10px;display:flex}.employee-chart-cols>span,.employee-total,.employee-rate{text-align:end;flex-shrink:0;width:72px}.employee-row{align-items:center;gap:14px;padding:9px 0;font-size:12px;display:flex}.employee-row:hover{background:var(--ds-white)}.employee-name{flex-shrink:0;align-items:center;gap:9px;width:190px;min-width:0;display:flex}.employee-name>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.employee-total{font-variant-numeric:tabular-nums;justify-content:flex-end;align-items:center;gap:6px;font-weight:600;display:inline-flex}.employee-rate{color:var(--ds-gray-400);font-variant-numeric:tabular-nums}.employee-idle{border-top:1px dashed var(--ds-gray-100);color:var(--ds-gray-400);margin:14px 0 0;padding-top:12px;font-size:11px;line-height:1.7}.employee-idle strong{color:var(--ink);font-weight:600}@media (max-width:760px){.priority-donut{flex-direction:column;align-items:stretch}.donut-wrap{align-self:center}.employee-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-name{width:110px}.employee-chart-cols>span,.employee-total,.employee-rate{width:44px}}.chart-tooltip.below{transform:translate(-50%,18px)}.task-form{padding:18px 25px 20px}.task-form .field{margin-bottom:14px}.task-form input:not([type=checkbox]):not([type=file]),.task-form select{min-height:var(--ds-control-sm)}.task-form textarea{resize:none}.task-form-grid{grid-template-columns:1.4fr 1fr 1fr;gap:0 12px}.task-form .people-field{margin-bottom:0}.task-form .people-field legend{margin-bottom:8px}.assignee-chips{flex-wrap:wrap;gap:8px;max-height:132px;display:flex;overflow-y:auto}.assignee-chip{border:1px solid var(--ds-gray-50);border-radius:var(--ds-radius-pill);cursor:pointer;align-items:center;gap:7px;padding:4px 12px 4px 4px;font-size:12px;transition:border-color .15s,background .15s;display:inline-flex;position:relative}html[dir=rtl] .assignee-chip{padding:4px 4px 4px 12px}.assignee-chip input{opacity:0;pointer-events:none;position:absolute}.assignee-chip:hover{border-color:var(--ds-green-300)}.assignee-chip:has(input:checked){border-color:var(--ds-green-300);background:color-mix(in srgb, var(--ds-green-300) 12%, transparent);font-weight:500}.assignee-chip:has(input:focus-visible){outline:2px solid var(--ds-green-300);outline-offset:2px}.task-form .people-field .helper{margin-top:8px}.task-form .form-footer{margin-top:16px;padding-top:16px}@media (max-width:560px){.task-form-grid{grid-template-columns:1fr 1fr}.task-form-grid>.field:first-child{grid-column:1/-1}}.detail-page{width:100%}.detail-page-title{align-items:center;gap:14px;margin-bottom:18px;display:flex}.detail-page-title h1{color:var(--ds-green-900,var(--ds-dark-800));font-size:28px;font-weight:700}.back-arrow{color:var(--ds-green-700);cursor:pointer;background:0 0;border:0;padding:6px;display:inline-flex}html:not([dir=rtl]) .back-arrow svg{transform:scaleX(-1)}.detail-page-card,.detail-head,.detail-tabs-card,.detail-grid .detail-section,.detail-col>form,.detail-body>.detail-section{background:var(--ds-white);border-radius:var(--ds-radius-xl,16px);box-shadow:var(--ds-shadow-raised,0 2px 12px #0000000f)}.detail-page-card{width:100%}.detail-page-card .form-body{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;padding:24px 28px;display:grid}.detail-page-card .form-body>*{grid-column:1/-1;min-width:0}.detail-page-card .form-body>.field{margin-bottom:14px}.detail-page-card .task-form>.field:first-child{grid-area:1/1}.detail-page-card .task-form>.field:nth-child(4){grid-area:1/2}.detail-page-card .form-body>.form-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 18px}.detail-page-card .assignee-chips{max-height:none;overflow:visible}.detail-page-card .member-roles{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;display:grid}.detail-page-card .member-roles>:is(legend,.helper){grid-column:1/-1}.detail-page-card .form-footer{margin-top:6px}@media (max-width:900px){.detail-page-card .form-body,.detail-page-card .member-roles{grid-template-columns:minmax(0,1fr)}.detail-page-card .task-form>.field:first-child,.detail-page-card .task-form>.field:nth-child(4){grid-area:auto/1}.detail-page-card .form-body>.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.detail-body{flex-direction:column;gap:16px;display:flex}.detail-head,.detail-tabs-card,.detail-col>form,.detail-grid .detail-section{padding:20px 24px}.detail-tabs-card{padding-block:4px}.detail-tabs-card .tabs{border:0;margin:0}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.detail-col{flex-direction:column;gap:16px;min-width:0;display:flex}.detail-grid .detail-section{border-top:0;margin:0}@media (max-width:900px){.detail-grid{grid-template-columns:minmax(0,1fr)}.detail-page-title h1{font-size:22px}}
body{background:var(--ds-bg);color:var(--ds-ink);font-family:var(--ds-font-latin);font-size:var(--ds-text-body)}html[dir=rtl] body{font-family:var(--ds-font-arabic);font-size:var(--ds-text-body)}h1{font-size:var(--ds-text-h2);font-weight:var(--ds-weight-bold);letter-spacing:-.4px}h2{font-size:var(--ds-text-h4);font-weight:var(--ds-weight-bold)}h3{font-size:var(--ds-text-body);font-weight:var(--ds-weight-bold)}html[dir=rtl] h1,html[dir=rtl] h2{letter-spacing:0}a{color:var(--ds-green-700)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--ds-accent);outline-offset:2px}input[type=checkbox],input[type=radio]{accent-color:var(--ds-green-900)}::selection{background:var(--ds-mint-100);color:var(--ds-ink)}input:not([type=checkbox]):not([type=file]),select{min-height:var(--ds-control-md);padding:0 var(--ds-space-5);border:1px solid var(--ds-gray-50);border-radius:var(--sana-radius-control);background:var(--ds-white);color:var(--ds-ink);transition:border-color .15s,box-shadow .15s}textarea{padding:var(--ds-space-3) var(--ds-space-5);border:1px solid var(--ds-gray-50);border-radius:var(--ds-radius-xl);background:var(--ds-white);color:var(--ds-ink)}input:hover,select:hover,textarea:hover{border-color:var(--ds-mint-200)}input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{border-color:var(--ds-mint-100);box-shadow:var(--ds-focus-ring);outline:none}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true],.is-invalid input,.is-invalid textarea{border-color:var(--ds-danger-border)}input:disabled,select:disabled,textarea:disabled{background:var(--ds-gray-200);border-color:var(--ds-gray-200);color:var(--ds-gray-500);cursor:not-allowed}input::placeholder,textarea::placeholder{color:var(--ds-gray-500)}.field>span,.field>label{color:var(--ds-ink);font-weight:var(--ds-weight-medium)}.login-form .login-input input{min-height:var(--ds-control-lg);border:1px solid var(--ds-gray-50);border-radius:var(--ds-radius-pill);padding-inline:48px}.login-input>svg{inset-inline-start:20px}.login-form .login-input input:focus{border-color:var(--ds-mint-100);box-shadow:var(--ds-focus-ring);outline:none}.password-toggle{border-radius:var(--ds-radius-pill);inset-inline-end:8px}.search-field input:not([type=checkbox]){min-height:var(--ds-control-sm);padding-inline:38px var(--ds-space-4)}.filter-selects select{min-height:var(--ds-control-sm);padding:0 28px 0 var(--ds-space-4);color:var(--ds-green-900)}.button{min-height:44px;padding:0 var(--ds-space-5);border-radius:var(--ds-radius-pill);font-size:var(--ds-text-small);font-weight:var(--ds-weight-bold);border:1px solid #0000;transition:filter .15s,background .15s,box-shadow .15s}.button.primary{background:var(--ds-gradient-primary);color:var(--ds-white);border-color:#0000}html[dir=rtl] .button.primary{background:var(--ds-gradient-primary-rtl)}.button.primary:hover{background:var(--sana-hover);filter:none;box-shadow:none}html[dir=rtl] .button.primary:hover{background:var(--sana-hover)}.button.secondary{background:var(--ds-cream);border-color:var(--ds-green-900);color:var(--ds-green-900)}.button.secondary:hover{background:var(--sana-hover);color:var(--sana-white)}.button.dark{background:var(--ds-dark-800);border-color:var(--ds-accent);color:var(--ds-mint-100)}.button.dark:hover{background:var(--ds-dark-700)}.button.danger{background:var(--ds-danger);border-color:var(--ds-danger);color:var(--ds-white)}.button.danger:hover{background:var(--ds-danger-strong)}.button:disabled,.button[aria-disabled=true]{background:var(--ds-gray-300);border-color:var(--ds-gray-300);color:var(--ds-gray-600);filter:none;box-shadow:none;opacity:1}.button.large{min-height:var(--ds-control-lg);font-size:var(--ds-text-body)}.small-button,.button.small-button{min-height:36px;padding:0 var(--ds-space-4);font-size:var(--ds-text-caption)}.login-form .button.full{min-height:var(--ds-control-lg);border-radius:var(--ds-radius-pill);font-size:var(--ds-text-body);box-shadow:0 6px 16px #04483533}.text-button{color:var(--ds-green-700);font-weight:var(--ds-weight-bold)}.icon-button{border-radius:var(--ds-radius-pill);color:var(--ds-slate)}.icon-button:hover{background:var(--ds-mint-50);color:var(--ds-green-900)}.badge{min-height:24px;padding:3px var(--ds-space-3);border-radius:var(--ds-radius-pill);background:var(--ds-neutral-soft);color:var(--ds-neutral);font-size:var(--ds-text-caption);font-weight:var(--ds-weight-bold)}.badge.success,.status-done{background:var(--ds-success-soft);color:var(--ds-success-strong)}.badge.warning,.status-in_progress{background:var(--ds-warning-soft);color:var(--ds-warning-strong)}.badge.neutral,.status-todo{background:var(--ds-neutral-soft);color:var(--ds-gray-600)}.badge.danger{background:var(--ds-danger-soft);color:var(--ds-danger-strong)}.badge.info{background:var(--ds-info-soft);color:var(--ds-info-strong)}.badge.purple{background:var(--ds-purple-soft);color:var(--ds-purple)}.badge.navy{background:var(--ds-navy-soft);color:var(--ds-navy)}.priority-low{color:var(--ds-gray-400)}.priority-medium{color:var(--ds-info-strong)}.priority-high{color:var(--ds-warning-strong)}.priority-urgent{color:var(--ds-danger)}.priority-fill-urgent{background:var(--ds-danger);stroke:var(--ds-danger)}.priority-fill-high{background:var(--ds-warning);stroke:var(--ds-warning)}.priority-fill-medium{background:var(--ds-teal-400);stroke:var(--ds-teal-400)}.priority-fill-low{background:var(--ds-gray-300);stroke:var(--ds-gray-300)}.panel,.stat-card,.project-card,.settings-panel{background:var(--ds-white);border:1px solid var(--ds-gray-100);border-radius:var(--ds-radius-xl);box-shadow:var(--ds-shadow-sm)}.panel.team-person{border-radius:var(--ds-radius-xl)}.panel-header{padding:var(--ds-space-5);border-bottom-color:var(--ds-gray-100)}.panel-header p,.page-heading p{color:var(--ds-slate)}.board-card{border-radius:var(--ds-radius-lg);border-color:var(--ds-gray-100);box-shadow:var(--ds-shadow-sm)}.board-card:hover,.project-card:hover{box-shadow:var(--ds-shadow-card)}.stat-card{padding:var(--ds-space-5)}.stat-card>div>span:first-child{color:var(--ds-slate)}.stat-icon{border-radius:var(--ds-radius-md);width:36px;height:36px}.stat-icon.teal{background:var(--ds-mint-50);color:var(--ds-green-700)}.stat-icon.gray{background:var(--ds-neutral-soft);color:var(--ds-gray-600)}.stat-icon.amber{background:var(--ds-warning-soft);color:var(--ds-warning-strong)}.stat-icon.green{background:var(--ds-success-soft);color:var(--ds-success-strong)}.stat-icon.rose{background:var(--ds-danger-soft);color:var(--ds-danger-strong)}.dialog,.modal,.login-form{border-radius:var(--ds-radius-xl);box-shadow:var(--ds-shadow-raised);border-color:var(--ds-gray-100)}.drawer{box-shadow:var(--ds-shadow-raised)}.mini-progress,.chart-track{background:var(--ds-mint-50);border-radius:var(--ds-radius-pill)}.mini-progress>span,.chart-fill,.chart-fill.teal{background:var(--ds-green-700);border-radius:var(--ds-radius-pill)}.tabs button{color:var(--ds-slate);font-weight:var(--ds-weight-medium)}.tabs button:hover{color:var(--ds-green-900)}.tabs button.active{color:var(--ds-green-900);font-weight:var(--ds-weight-bold)}.tabs button.active:after{border-radius:var(--ds-radius-pill);background:var(--ds-accent);height:3px}.tabs button>span{border-radius:var(--ds-radius-pill);background:var(--ds-mint-50);color:var(--ds-green-900)}.sidebar{background:var(--ds-green-900);color:var(--ds-gray-200)}.nav-label{color:var(--ds-mint-200)}.nav-item{border-radius:var(--sana-radius-nav);color:var(--ds-mint-50)}.nav-item svg{color:var(--ds-mint-200)}.nav-item:hover{color:var(--ds-white);background:#ffffff0f}.nav-item.active{background:var(--sana-canvas);box-shadow:none;color:var(--sana-teal)}.nav-item.active svg{color:inherit}.nav-item.active:before{display:none}.profile-button small,.profile-button>svg{color:var(--ds-mint-200)}.topbar{border-bottom-color:var(--ds-gray-100);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9}.notification-button i{background:var(--ds-danger)}.avatar{background:var(--ds-mint-50);color:var(--ds-green-900)}.avatar-stack .avatar:nth-child(3n+2){background:var(--ds-cream);color:var(--ds-green-700)}.avatar-stack .avatar:nth-child(3n){background:var(--ds-mint-100);color:var(--ds-green-900)}.error-box{background:var(--ds-danger-soft);border-color:var(--ds-danger-border);color:var(--ds-danger-strong);border-radius:var(--ds-radius-lg)}.overdue-text,.danger-text{color:var(--ds-danger)}html,body{background:var(--sana-page-bg) fixed var(--sana-page-start)}button,input,select,textarea{font-family:inherit}.app-shell{padding:var(--sana-space-6);background:var(--sana-page-bg)}.app-shell .sidebar{width:264px;padding:var(--sana-space-4);background:0 0;border:0}.app-shell .main-shell{min-width:0;min-height:calc(100dvh - 48px);padding:var(--sana-space-6);background:var(--sana-shell);border-radius:var(--sana-radius-shell);margin-inline-start:264px}.app-shell .topbar{height:auto;min-height:64px;padding:var(--sana-space-4) var(--sana-space-6);background:var(--sana-white);border:1px solid var(--sana-line);border-radius:var(--sana-radius-card);box-shadow:var(--sana-shadow);-webkit-backdrop-filter:none;backdrop-filter:none}.app-shell .workspace-main{max-width:1600px;padding:var(--sana-space-6) 0 0;margin-inline:auto}.app-shell .workspace-footer{padding-inline:0}.app-shell .sidebar-brand{height:64px;padding-inline:var(--sana-space-6)}.app-shell .workspace-label{border-radius:var(--sana-radius-nav);margin-block-end:var(--sana-space-4)}.app-shell.readable-workspace .nav-item{border-radius:var(--sana-radius-nav);min-height:44px;color:var(--sana-line);font-size:14px}.app-shell .nav-item svg{color:inherit}.app-shell .nav-item:hover{background:var(--sana-teal);color:var(--sana-white)}.app-shell .nav-item.active{background:var(--sana-canvas);color:var(--sana-teal);box-shadow:none}.app-shell .nav-item.active .nav-count{background:var(--sana-white);color:var(--sana-teal)}.app-shell.readable-workspace .page-heading h1{letter-spacing:0;font-size:24px;font-weight:700}.app-shell.readable-workspace .page-heading p,.app-shell.readable-workspace .button{font-size:14px}.app-shell .stats-grid{gap:var(--sana-space-6)}.app-shell .stat-icon{background:var(--sana-canvas);color:var(--sana-teal);border-radius:var(--sana-radius-detail)}.app-shell .stat-card>strong{color:var(--sana-teal-mid);font-size:24px}.app-shell .team-summary-card{border-color:var(--sana-line);border-radius:var(--sana-radius-card);box-shadow:var(--sana-shadow)}.app-shell .team-summary-card dd:not(.team-summary-hint){font-size:24px}.app-shell .filters{gap:var(--sana-space-4)}.filter-selects select{padding-inline:var(--sana-space-4) 28px}.task-table th{background:var(--sana-white);color:var(--sana-ink);font-weight:500}.task-table :is(th,td){border-color:var(--sana-line)}.task-table tbody tr:hover{background:var(--sana-canvas)}.dialog-overlay{background:var(--sana-overlay);-webkit-backdrop-filter:var(--sana-overlay-blur);backdrop-filter:var(--sana-overlay-blur)}.dialog{font-family:var(--ds-font-latin)}.dialog :is(input,select,textarea){font-size:16px}.chart-tooltip{border-radius:var(--sana-radius-detail);box-shadow:var(--sana-shadow-popover)}.empty-icon{background:var(--sana-canvas);color:var(--sana-teal-mid)}.status-fill-done{background:var(--sana-chart-1)}.status-fill-in_progress{background:var(--sana-chart-2)}.status-fill-todo{background:var(--sana-chart-3)}@media (min-width:801px) and (max-width:1100px){.app-shell{padding:var(--sana-space-4)}.app-shell .sidebar{width:224px}.app-shell .main-shell{padding:var(--sana-space-4);margin-inline-start:224px}}@media (max-width:800px){.app-shell{background:var(--sana-shell);padding:0}.app-shell .sidebar{background:var(--sana-page-bg);width:min(290px,86vw);padding:var(--sana-space-5) var(--sana-space-4)}.app-shell .main-shell{border-radius:0;min-height:100dvh;margin-inline-start:0;padding:0}.app-shell .topbar{padding:var(--sana-space-2) var(--sana-space-4);border-radius:0}.app-shell .workspace-main{padding:var(--sana-space-6) var(--sana-space-4) var(--sana-space-8)}.app-shell .workspace-footer{padding-inline:var(--sana-space-4)}.app-shell .stats-grid{gap:var(--sana-space-4)}.app-shell .stat-card{padding:var(--sana-space-4)}.app-shell :is(input,select,textarea),.dialog :is(input,select,textarea){font-size:16px}}@media (min-width:801px){:is(html:has(.app-shell),body:has(.app-shell)){height:100%;overflow:hidden}.app-shell{height:100dvh;min-height:0;overflow:hidden}.app-shell .main-shell{height:calc(100dvh - 2 * var(--sana-space-6));overscroll-behavior:contain;scrollbar-width:none;min-height:0;overflow-y:auto}.app-shell .main-shell::-webkit-scrollbar{display:none}.app-shell .main-shell{padding-top:0}.app-shell .topbar{z-index:20;margin-top:var(--sana-space-6);box-shadow:0 0 0 var(--sana-space-6) var(--sana-shell), var(--sana-shadow);position:sticky;top:0}.app-shell .sidebar nav{scrollbar-width:none}.app-shell .sidebar nav::-webkit-scrollbar{display:none}}@media (min-width:801px) and (max-width:1100px){.app-shell .main-shell{height:calc(100dvh - 2 * var(--sana-space-4))}.app-shell .topbar{margin-top:var(--sana-space-4);box-shadow:0 0 0 var(--sana-space-4) var(--sana-shell), var(--sana-shadow)}}@media print{html,body,.app-shell,.app-shell .main-shell{background:#fff;margin:0;padding:0}.app-shell .sidebar,.app-shell .topbar{display:none}}.sana-brand{white-space:nowrap;color:var(--sana-teal);letter-spacing:.02em;direction:ltr;align-items:baseline;gap:8px;font-size:24px;font-weight:700;display:inline-flex}.sana-brand strong{font-weight:700}.sana-brand i{color:var(--sana-teal-mid);font-style:normal;font-weight:400}.sana-brand-mark{flex:none;align-self:center;width:auto;height:1.4em}.sidebar-brand .sana-brand{color:var(--sana-white);min-width:0;font-size:26px}.sidebar-brand .sana-brand i{color:var(--sana-disabled);font-size:.7em}.app-shell .sidebar-brand{padding-inline:var(--sana-space-2);gap:8px;margin-block-end:var(--sana-space-2)}.app-shell .sidebar-brand .mobile-close{color:var(--sana-line);background:0 0;border-color:#0000;margin-inline-start:auto}.signin-brand .sana-brand{color:var(--sana-white);font-size:34px}.signin-brand .sana-brand i{color:var(--sana-mint-100,#a1ecdd);font-size:.5em}.signin-brand .sana-brand-mark{height:1.5em}.app-shell .sidebar nav{gap:var(--sana-space-2);scrollbar-width:none;padding-inline:0}.app-shell .sidebar nav::-webkit-scrollbar{display:none}.app-shell .nav-item{gap:var(--sana-space-3);padding-inline:var(--sana-space-3);margin-bottom:0}.app-shell .nav-item:before{display:none}.app-shell .nav-label{color:var(--sana-disabled);letter-spacing:0;text-transform:none;font-size:var(--type-label);padding-inline:var(--sana-space-3)}.app-shell .workspace-label{border-color:color-mix(in srgb, var(--sana-teal-mid) 60%, transparent);background:0 0;margin-inline:0}.app-shell .workspace-initial{background:var(--sana-teal);border-radius:var(--sana-radius-detail);color:var(--sana-white);border-color:#0000}.app-shell .workspace-label strong{color:var(--sana-white);letter-spacing:0;font-size:var(--type-secondary)}.app-shell .workspace-label span:not(.workspace-initial){color:var(--sana-disabled);font-size:var(--type-label)}.app-shell .sidebar-bottom{padding-inline:0}.app-shell .sidebar-divider{background:var(--sana-teal-mid)}.app-shell .profile-button{color:var(--sana-white);border-radius:var(--sana-radius-nav);padding:var(--sana-space-2)}.app-shell .profile-button:hover{background:var(--sana-teal)}.app-shell .profile-button strong{font-size:var(--type-secondary);font-weight:500}.app-shell .profile-button small{color:var(--sana-disabled);font-size:var(--type-label)}.app-shell .profile-button>svg{color:var(--sana-disabled)}.app-shell .profile-button>.avatar{background:var(--sana-canvas);color:var(--sana-teal)}.app-shell .nav-count{background:var(--sana-teal-mid);color:var(--sana-white);border-radius:var(--sana-radius-pill);font-size:var(--type-label);padding:2px 8px}.app-shell .breadcrumbs{color:var(--sana-teal);font-size:var(--type-secondary)}.app-shell .breadcrumb-root,.app-shell .breadcrumbs>svg{color:var(--sana-muted)}.app-shell .topbar-date{color:var(--sana-muted);font-size:var(--type-secondary)}.app-shell .topbar .icon-button{border:1px solid var(--sana-line);color:var(--sana-teal);background:0 0}.app-shell .topbar .icon-button:hover{background:var(--sana-hover);color:var(--sana-white);border-color:var(--sana-hover)}.app-shell .notification-button i{background:var(--sana-danger);border-color:var(--sana-white)}.app-shell .development-banner{background:var(--sana-canvas);color:var(--sana-muted);border-radius:var(--sana-radius-pill);font-size:var(--type-label);border:0;margin-block-start:var(--sana-space-3)}.table-wrap{position:relative}@media (max-width:800px){input[type=date]{padding-inline:var(--sana-space-3)}}
:root{--sana-hover:#188164;--sana-nav-hover:#0b4237;--sana-headline:#111b1b}.app-shell{color:var(--sana-text)}.app-shell :is(h1,h2,h3),.app-shell .page-heading h1{color:var(--sana-heading)}.app-shell .page-heading h1,.app-shell.readable-workspace .page-heading h1{font-size:var(--type-page);font-weight:700}.app-shell .panel-header h2,.app-shell .section-heading h2{font-size:var(--type-section);font-weight:700}.panel,.stat-card,.project-card,.settings-panel,.team-summary-card{background:var(--sana-white);border:1px solid var(--sana-line);border-radius:24px;box-shadow:0 0 8px #00cca129}.stat-card,.project-card{padding:16px}.panel-header{border-bottom-color:var(--sana-line);padding:16px}.app-shell .stats-grid{gap:16px}.app-shell .page-heading{margin-bottom:24px}.button.primary:hover,html[dir=rtl] .button.primary:hover,.button.secondary:hover,.icon-button:hover,.app-shell .topbar .icon-button:hover{background:var(--sana-hover);color:var(--sana-white)}.app-shell .topbar .icon-button:hover{border-color:var(--sana-hover)}.text-button:hover,a:hover{color:var(--sana-hover)}.task-table tbody tr:hover{background:var(--sana-canvas)}.app-shell .sidebar nav{gap:var(--sana-sidebar-item-gap);flex-direction:column;padding-block:8px;display:flex}.app-shell.readable-workspace .nav-item,.app-shell .nav-item{height:var(--sana-sidebar-item-height);min-height:var(--sana-sidebar-item-height);border-radius:var(--sana-radius-nav);color:var(--sana-line);background:0 0;flex-shrink:0;gap:8px;margin-bottom:0;padding-block:0;padding-inline:16px;font-size:14px;font-weight:500}.app-shell .nav-item svg{width:20px;height:20px;color:inherit;flex:none}.app-shell .nav-item:hover,.app-shell .profile-button:hover{background:var(--sana-nav-hover);color:#fff}.app-shell .nav-item:hover svg{color:#fff}.app-shell .nav-item.active,.app-shell .nav-item.active:hover{background:var(--sana-canvas);color:var(--sana-teal)}.app-shell .nav-item.active:hover svg{color:var(--sana-teal)}.app-shell .sidebar-bottom{gap:24px;display:grid}.getting-started{background:var(--sana-white);border:1px solid var(--sana-line);border-radius:24px;gap:16px;margin-bottom:24px;padding:16px;box-shadow:0 0 8px #00cca129}.getting-started-icon{width:48px;height:48px;color:var(--sana-teal);background:#d9fbf3;border:0;border-radius:16px}.getting-started h2{margin:8px 0;font-size:16px;font-weight:700}.getting-started p{color:var(--sana-muted);font-size:12px}.getting-started .button{background:var(--sana-button);border-color:#0000;font-size:12px}.eyebrow{letter-spacing:0;font-size:10px}.app-shell .stat-icon{width:32px;height:32px;color:var(--sana-teal);background:#d9fbf3;border-radius:16px}.app-shell .stat-icon.rose{background:var(--sana-danger-bg);color:var(--sana-danger)}.app-shell .development-banner{margin-block:32px 0}.app-shell .dashboard-bottom,.app-shell .stats-grid{margin-bottom:24px}
.tabs{background:var(--sana-white);scrollbar-width:none;border:1px solid #e7e7e7;border-radius:16px;align-items:center;gap:8px;max-width:100%;min-height:0;padding:8px;display:inline-flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs button{color:var(--sana-muted);background:0 0;border-radius:16px;flex:none;gap:8px;padding:8px 16px;font-size:12px;font-weight:500;transition:background .15s,color .15s}.tabs button:hover{color:var(--sana-hover)}.tabs button.active,.tabs button.active:hover{color:var(--sana-white);background:#0b4237;font-weight:500}.tabs button.active:after{display:none}.tabs button>span{color:#0b4237;background:#d9fbf3;border-radius:8px;padding:0 8px;font-size:10px}.tabs button.active>span{color:var(--sana-white);background:#ffffff29}.drawer-tabs{border-bottom:1px solid #e7e7e7;margin:0 0 24px;padding:8px}.dialog-overlay{-webkit-backdrop-filter:blur(8px);background:#0000007a}.modal{border-radius:24px}.dialog-heading{border-bottom-color:var(--sana-line);gap:16px;padding:24px}.dialog-heading h2{color:#111b1b;font-size:16px;font-weight:700}.dialog-heading p:not(.sr-only){margin-top:8px}.modal :is(.modal-body,form){padding-inline:24px}.panel-header h2,.section-heading h2,.dialog-heading h2,h3{color:#111b1b}.task-table th,.table th{color:#000;padding:8px 16px;font-size:12px;font-weight:500}.task-table td,.table td{padding:8px 16px}.task-table :is(th,td),.table :is(th,td){border-color:var(--sana-line)}.app-shell svg line.grid,.app-shell svg .grid-line{stroke:var(--sana-line)}html .app-shell .tabs{border:1px solid #e7e7e7;margin:0}html .app-shell .tabs button{color:var(--sana-muted);font-size:14px}html .app-shell .tabs button:hover{color:var(--sana-hover)}html .app-shell .tabs button.active,html .app-shell .tabs button.active:hover{color:var(--sana-white);background:#0b4237}html .app-shell .tabs button.active svg{color:inherit}html .app-shell .view-toolbar .tabs{gap:8px}html .app-shell :is(.page-heading h1,.dashboard-title){color:var(--sana-heading);font-size:var(--type-page);font-weight:700}html .app-shell :is(.panel-header h2,.section-heading h2,.dashboard-my-tasks h2){color:var(--sana-heading);font-size:var(--type-section);font-weight:700}html .app-shell :is(.stat-card>strong,.team-summary-card dd:not(.team-summary-hint)){color:var(--sana-text);font-size:var(--type-kpi)}html .app-shell .sidebar nav{gap:var(--sana-sidebar-item-gap);min-height:0;overflow-y:auto}html .app-shell .nav-item,html .app-shell.readable-workspace .nav-item{flex:0 0 var(--sana-sidebar-item-height);height:var(--sana-sidebar-item-height);min-height:var(--sana-sidebar-item-height);padding-inline:16px}html .app-shell :is(.stat-card,.project-card,.team-summary-card){padding:var(--sana-card-padding)}html .app-shell .stat-icon{background:var(--sana-secondary-bg);color:var(--sana-teal)}html .app-shell .button.secondary{border-radius:var(--sana-radius-button);background:var(--sana-secondary-bg);border-color:var(--sana-secondary-border);min-height:40px;color:var(--sana-secondary-text);font-size:var(--type-body);padding-inline:16px;font-weight:500}html .app-shell .button.secondary:hover{background:var(--sana-hover);border-color:var(--sana-hover);color:var(--sana-white)}html .app-shell .badge{font-size:var(--type-label);padding:4px 8px}html .app-shell .task-table th,html .app-shell .table th{font-size:var(--type-label);color:var(--sana-text)}