.auth-main{flex-direction:column;gap:var(--sp-5)}.design-pick{width:min(430px,100%);display:grid;gap:8px}.design-pick-label{font-size:var(--fs-sm);font-weight:600;color:var(--text-2)}.design-pick-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.design-pick-item{display:grid;justify-items:center;align-content:start;gap:5px;min-width:0;padding:8px 2px 6px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);color:var(--text-2);font:inherit;font-size:12px;line-height:1.35;cursor:pointer;transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),background-color var(--t-fast) var(--ease)}.design-pick-item:hover{border-color:var(--control-line);color:var(--text)}.design-pick-item[aria-checked=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);color:var(--text);font-weight:700}.design-pick-chip{width:26px;height:26px;border-radius:50%;box-shadow:inset 0 0 0 1px #0003}.design-pick-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(prefers-reduced-motion:reduce){.design-pick-item{transition:none}}.menu-item .legend-swatch{width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1px #0003}.auth-art,.design-motif{display:none}.design-enter{position:fixed;inset:0;z-index:2147483000;overflow:hidden;pointer-events:auto;contain:strict}:root:is([data-design=nabd],[data-design=fusayfisa],[data-design=sanabil],[data-design=khatt],[data-design=zakhrafa],[data-design=suqya],[data-design=madar]){--d-ease-out: cubic-bezier(.23, 1, .32, 1);--d-ease-in-out: cubic-bezier(.77, 0, .175, 1)}:root:is([data-design=nabd],[data-design=fusayfisa],[data-design=sanabil],[data-design=khatt],[data-design=zakhrafa],[data-design=suqya],[data-design=madar]) .my-board{display:flex;flex-direction:column;position:relative}:root:is([data-design=nabd],[data-design=fusayfisa],[data-design=sanabil],[data-design=khatt],[data-design=zakhrafa],[data-design=suqya],[data-design=madar]) .my-board>.mb-4{order:9;margin-block:var(--sp-4) 0}:root:is([data-design=nabd],[data-design=fusayfisa],[data-design=sanabil],[data-design=khatt],[data-design=zakhrafa],[data-design=suqya],[data-design=madar]) .my-board>.pp-grid{order:5}@media(min-width:1025px){:root:is([data-design=nabd],[data-design=fusayfisa],[data-design=sanabil],[data-design=khatt],[data-design=zakhrafa],[data-design=suqya],[data-design=madar]) .sidebar{position:relative}}:root:is([data-design=nabd],[data-design=fusayfisa],[data-design=sanabil],[data-design=khatt],[data-design=zakhrafa],[data-design=suqya],[data-design=madar]) .auth-art{display:block;position:absolute;inset:0;z-index:0;overflow:hidden}:root:is([data-design=nabd],[data-design=fusayfisa],[data-design=sanabil],[data-design=khatt],[data-design=zakhrafa],[data-design=suqya],[data-design=madar]) .auth-brand>:not(.auth-art){position:relative;z-index:1;pointer-events:none}:root:is([data-design=nabd],[data-design=fusayfisa],[data-design=sanabil],[data-design=khatt],[data-design=zakhrafa],[data-design=suqya],[data-design=madar]) .design-motif{display:block;pointer-events:none}@keyframes design-rise{0%{opacity:0;transform:translateY(10px)}}@media(prefers-reduced-motion:no-preference){:root[data-design] .my-board.is-entering>:not(.design-motif){animation:design-rise .44s var(--d-ease-out, ease-out) both}:root[data-design] .my-board.is-entering>:nth-child(3){animation-delay:40ms}:root[data-design] .my-board.is-entering>:nth-child(4){animation-delay:80ms}:root[data-design] .my-board.is-entering>:nth-child(5){animation-delay:.12s}:root[data-design] .my-board.is-entering>:nth-child(6){animation-delay:.16s}:root[data-design] .my-board.is-entering>:nth-child(7){animation-delay:.2s}:root[data-design] .my-board.is-entering>:nth-child(n+8){animation-delay:.24s}:root[data-design] .my-board.is-entering .pp-grid>*{animation:design-rise .44s var(--d-ease-out, ease-out) both;animation-delay:.22s}:root[data-design] .my-board.is-entering .pp-grid>:nth-child(2){animation-delay:.26s}:root[data-design] .my-board.is-entering .pp-grid>:nth-child(3){animation-delay:.3s}:root[data-design] .my-board.is-entering .pp-grid>:nth-child(n+4){animation-delay:.34s}}:root[data-design=nabd]{--n-input: #0A1812;--n-hair: rgba(126, 214, 146, .18);--n-amber: #E8B04B;--n-bar: rgba(126, 214, 146, .12);--font-ar: "Readex Pro", "Noto Sans Arabic", "Segoe UI", system-ui, sans-serif;--font-en: "Readex Pro", "Segoe UI", system-ui, sans-serif;--font-display: "Readex Pro", "Noto Sans Arabic", sans-serif;--bg: #07130E;--surface: #0C1D16;--surface-2: #10251C;--surface-3: #143025;--line: #1F3B2A;--line-soft: #183123;--control-line: #4F7A61;--text: #E7F1EA;--text-2: #B3C6B9;--text-3: #93AA9C;--text-invert: #07130E;--nav-bg: #08170F;--nav-hover: #10251C;--nav-text: #E7F1EA;--nav-muted: #93AA9C;--nav-line: #173022;--nav-group-bg: #0C1D16;--nav-active-bg: rgba(76, 195, 90, .13);--nav-active-text: #E7F1EA;--accent: #4CC35A;--accent-fill: #4CC35A;--accent-hover: #63D170;--accent-soft: #123A20;--accent-text: #9BE0A6;--accent-line: #2B6A3A;--on-accent: #07130E;--row-hover: #0F2219;--row-selected: #133024;--focus: #4CC35A;--ok: #9BE0A6;--ok-soft: #163D22;--warn: #EBCB7A;--warn-soft: #3D3014;--err: #F0A493;--err-soft: #40211C;--info: #A9C4EA;--info-soft: #1B2F4A;--on-status: #07130E;--brand-500: #4CC35A;--brand-700: #3FAE4D;--series-1: #4CC35A;--series-2: #E8B04B;--series-3: #7FB3E8;--series-4: #F0A493;--series-5: #B9A2EE;--series-6: #7ED6C8;--series-7: #2E8A3C;--series-8: #93AA9C;--r-xs: 4px;--r-sm: 7px;--r-md: 8px;--r-lg: 10px;--r-xl: 14px;--shadow-sm: 0 1px 0 rgba(0, 0, 0, .35);--shadow-btn: 0 1px 0 rgba(0, 0, 0, .4);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 24px 60px rgba(0, 0, 0, .55);--scrim: rgba(3, 9, 6, .68);color-scheme:dark}:root[data-design=nabd] ::selection{background:#4cc35a59;color:#fff}:root[data-design=nabd] *{scrollbar-color:#2B4A37 transparent}:root[data-design=nabd] .sidebar{background:var(--nav-bg);border-inline-end:1px solid var(--nav-line)}:root[data-design=nabd] .brand{border-block-end:1px solid var(--nav-line)}:root[data-design=nabd] .brand-name{font-size:15px;font-weight:600;letter-spacing:.01em;color:var(--nav-text)}:root[data-design=nabd] .brand-org{color:var(--nav-muted)}:root[data-design=nabd] .nav-item,:root[data-design=nabd] .nav-group{border-radius:7px}:root[data-design=nabd] .nav-item .icon,:root[data-design=nabd] .nav-group .icon{color:#7e9a88}:root[data-design=nabd] .nav-group-items{border-inline-start:1px solid var(--nav-line)}:root[data-design=nabd] .nav-item.active,:root[data-design=nabd] .nav-item.active:hover,:root[data-design=nabd] .nav-group-items .nav-item.active{background:var(--nav-active-bg);color:var(--nav-active-text);font-weight:600}:root[data-design=nabd] .nav-item.active:before{content:"";position:absolute;inset-block:9px;inset-inline-start:-8px;width:2px;border-radius:2px;background:var(--accent)}:root[data-design=nabd] .nav-item.active .icon{color:var(--accent)}:root[data-design=nabd] .nav-badge{background:var(--accent-soft);color:var(--accent-text);font-family:var(--font-mono);font-weight:500}:root[data-design=nabd] .nav-count{color:var(--nav-muted);font-family:var(--font-mono);font-size:11px}:root[data-design=nabd] .sidebar-foot{border-block-start:1px solid var(--nav-line)}:root[data-design=nabd] .topbar{background:var(--bg);border-block-end:1px solid var(--line-soft)}:root[data-design=nabd] .search input{background:var(--n-input);border-color:var(--control-line);border-radius:8px}:root[data-design=nabd] .search input:focus{border-color:var(--accent)}:root[data-design=nabd] .avatar{background:var(--surface-2);color:#c9dccf;box-shadow:inset 0 0 0 1px var(--line)}:root[data-design=nabd] .kbd{background:var(--bg);border:1px solid var(--line);border-radius:5px;color:var(--text-3);font-family:var(--font-mono)}:root[data-design=nabd] .tf-nag{background:var(--warn-soft);border-color:#ebcb7a4d;color:var(--warn)}:root[data-design=nabd] .topbar .btn.ghost{color:var(--text-2)}:root[data-design=nabd] .page-title{font-size:26px;font-weight:600;line-height:1.35;letter-spacing:0}:root[data-design=nabd] .page-sub{color:var(--text-2);font-size:13.5px}:root[data-design=nabd] .metrics{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0;margin-block-end:14px;border:1px solid var(--line-soft);border-radius:10px;overflow:hidden;background:var(--surface)}:root[data-design=nabd] .metric{min-height:92px;padding:12px 16px;border:0;border-radius:0;border-inline-start:1px solid var(--line-soft);border-block-start:1px solid var(--line-soft);margin-inline-start:-1px;margin-block-start:-1px;background:transparent;box-shadow:none}:root[data-design=nabd] .metric-label{color:var(--text-2);font-size:12.5px;gap:8px}:root[data-design=nabd] .metric-label .icon{color:var(--accent)}:root[data-design=nabd] .metric-value{padding-block-start:10px;font-family:var(--font-mono);font-size:28px;font-weight:500;line-height:1.1;letter-spacing:-.02em;color:var(--text)}:root[data-design=nabd] .metric-value.tone-warn{color:var(--warn)}:root[data-design=nabd] .metric-value.tone-err{color:var(--err)}:root[data-design=nabd] .metric-value.tone-ok{color:var(--ok)}:root[data-design=nabd] .metric-note{color:var(--text-3);font-size:12px}:root[data-design=nabd] .card{background:var(--surface);border:1px solid var(--line-soft);border-radius:10px;box-shadow:none}:root[data-design=nabd] .card-head{min-height:48px;border-block-end:1px solid var(--line-soft)}:root[data-design=nabd] .card-title{font-size:14.5px;font-weight:600}:root[data-design=nabd] .table-wrap{border-radius:10px}:root[data-design=nabd] table.grid th{background:var(--surface-2);color:var(--text-2);font-weight:500;border-block-end:1px solid var(--line)}:root[data-design=nabd] table.grid td{border-block-end-color:var(--line-soft)}:root[data-design=nabd] .tabs{border-block-end:1px solid var(--line-soft)}:root[data-design=nabd] .tab.active{color:var(--text);border-block-end-color:var(--accent)}:root[data-design=nabd] .btn{border-radius:8px;background:var(--surface);border-color:var(--control-line);color:var(--text);box-shadow:none}:root[data-design=nabd] .btn:hover:not(:disabled){background:var(--surface-2);border-color:#6c9a7e;color:var(--text)}:root[data-design=nabd] .btn.primary{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent);font-weight:600}:root[data-design=nabd] .btn.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);color:var(--on-accent)}:root[data-design=nabd] .btn.ghost{background:transparent;border-color:transparent}:root[data-design=nabd] .btn.ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}:root[data-design=nabd] .btn.danger{background:transparent;color:var(--err)}:root[data-design=nabd] .page-head .back-btn{border-radius:8px;background:var(--surface)}:root[data-design=nabd] .badge{font-weight:500}:root[data-design=nabd] .badge.ok:before,:root[data-design=nabd] .badge.warn:before,:root[data-design=nabd] .badge.err:before,:root[data-design=nabd] .badge.info:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}:root[data-design=nabd] .chip,:root[data-design=nabd] .pq-chip{background:var(--surface);border-color:var(--line);color:var(--text-2)}:root[data-design=nabd] .chip.active,:root[data-design=nabd] .pq-chip.on{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent)}:root[data-design=nabd] .pq-chip .pq-n,:root[data-design=nabd] .chip-n{background:var(--surface-3);color:var(--text);font-family:var(--font-mono)}:root[data-design=nabd] input[type=text]:not(.cell-edit),:root[data-design=nabd] input[type=email]:not(.cell-edit),:root[data-design=nabd] input[type=password]:not(.cell-edit),:root[data-design=nabd] input[type=date]:not(.cell-edit),:root[data-design=nabd] input[type=number]:not(.cell-edit),:root[data-design=nabd] input[type=search]:not(.cell-edit),:root[data-design=nabd] input[type=tel]:not(.cell-edit),:root[data-design=nabd] input[type=time]:not(.cell-edit),:root[data-design=nabd] input[type=datetime-local]:not(.cell-edit),:root[data-design=nabd] input[type=url]:not(.cell-edit),:root[data-design=nabd] select:not(.cell-edit),:root[data-design=nabd] textarea:not(.cell-edit),:root[data-design=nabd] .field input:not([type]):not(.cell-edit){border-radius:8px;background:var(--n-input);border-color:var(--control-line);color:var(--text)}:root[data-design=nabd] input::placeholder,:root[data-design=nabd] textarea::placeholder{color:var(--text-3)}:root[data-design=nabd] input:focus,:root[data-design=nabd] select:focus,:root[data-design=nabd] textarea:focus{border-color:var(--accent)}:root[data-design=nabd] .modal{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-lg)}:root[data-design=nabd] .modal-head,:root[data-design=nabd] .modal-foot{border-color:var(--line-soft)}:root[data-design=nabd] .modal-title{font-size:16px;font-weight:600}:root[data-design=nabd] .alert{border-radius:10px}:root[data-design=nabd] .alert.warn{border:1px solid rgba(235,203,122,.2)}:root[data-design=nabd] .empty-title{color:var(--text-2)}:root[data-design=nabd] .code{color:var(--accent)}:root[data-design=nabd] .trail-dot{background:var(--surface-2);border-color:var(--line)}:root[data-design=nabd] .trail-step.is-current .trail-dot{border-color:var(--warn);color:var(--warn);box-shadow:0 0 0 4px #ebcb7a1f}:root[data-design=nabd] .trail-step.is-current .trail-meta{color:var(--warn)}:root[data-design=nabd] .pq-item{border-radius:10px;border-color:var(--line-soft);border-inline-start:3px solid var(--warn)}:root[data-design=nabd] .pq-step{background:var(--warn-soft);color:var(--warn)}:root[data-design=nabd] .pq-list{background:var(--surface-3);color:var(--text-2)}:root[data-design=nabd] .sum-list{gap:0}:root[data-design=nabd] .sum-list li{padding:9px 8px;border-radius:6px;background:transparent;border-block-end:1px solid var(--line-soft)}:root[data-design=nabd] .sum-list li:last-child{border-block-end:0}:root[data-design=nabd] .sum-list li.click:hover{background:var(--row-hover)}:root[data-design=nabd] .sum-list li>b:last-child{font-family:var(--font-mono);font-weight:500;color:var(--text)}:root[data-design=nabd] .pp-grid{gap:14px}:root[data-design=nabd] .pp-tasks{gap:0}:root[data-design=nabd] .pp-tasks li{padding:9px 10px;border-radius:0;background:transparent;border-block-end:1px solid var(--line-soft);border-inline-start:2px solid var(--info)}:root[data-design=nabd] .pp-tasks li:last-child{border-block-end:0}:root[data-design=nabd] .pp-tasks li:hover{background:var(--row-hover)}:root[data-design=nabd] .pp-tasks li.late{border-inline-start-color:var(--err)}:root[data-design=nabd] .pp-sbar{height:4px;background:var(--n-bar)}:root[data-design=nabd] .pp-sbar div,:root[data-design=nabd] .bb-approved{background:var(--accent)}:root[data-design=nabd] .bb-track{height:6px;background:var(--n-bar)}:root[data-design=nabd] .my-eval-reminder{padding:12px 14px;border-radius:10px;background:var(--surface);border:1px solid var(--line-soft)}:root[data-design=nabd] .my-eval-reminder>.icon{width:26px;height:26px;color:var(--accent)}:root[data-design=nabd] .my-eval-reminder b{font-size:14px;font-weight:600;color:var(--text)}:root[data-design=nabd] .my-eval-reminder span{color:var(--text-2)}:root[data-design=nabd] .my-congrats{border-radius:10px;background:var(--surface);border:1px solid rgba(232,176,75,.32)}:root[data-design=nabd] .my-congrats>.icon{color:var(--n-amber)}:root[data-design=nabd] .my-congrats span{color:var(--text-2)}:root[data-design=nabd] .my-empty{color:var(--ok);font-weight:500}:root[data-design=nabd] .my-projects{gap:0}:root[data-design=nabd] .my-project{padding:12px 6px;border:0;border-radius:0;background:transparent;border-block-end:1px solid var(--line-soft)}:root[data-design=nabd] .my-project:last-child{border-block-end:0}:root[data-design=nabd] .my-project:hover{background:var(--row-hover)}:root[data-design=nabd] .mp-head .code{font-size:12px;color:var(--accent)}:root[data-design=nabd] .mp-row,:root[data-design=nabd] .mp-budget{color:var(--text-2)}:root[data-design=nabd] .my-board>.design-motif{position:absolute;inset-block-start:calc(var(--sp-5) + 4px);inset-inline-end:var(--sp-6);width:112px;height:63px;z-index:0}:root[data-design=nabd] .my-board>.page-head .page-actions{margin-inline-end:132px}:root[data-design=nabd] .auth{background:var(--bg)}:root[data-design=nabd] .auth-brand{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr) auto auto;gap:0 16px;padding:30px 40px 34px;color:var(--text);background:var(--bg)}:root[data-design=nabd] .auth-art{grid-column:1 / -1;grid-row:2 / 3;inset:22px 0 16px}:root[data-design=nabd] .auth-brand>:last-child:empty{grid-column:1 / -1;grid-row:2 / 3}:root[data-design=nabd] .auth-brand-top{grid-column:1;grid-row:1;min-width:0}:root[data-design=nabd] .auth-brand-mid{display:contents}:root[data-design=nabd] .da-mark[data-tone=light] img{width:34px;height:34px}:root[data-design=nabd] .auth-org{font-size:14px;font-weight:600;letter-spacing:0}:root[data-design=nabd] .auth-motto{font-size:12px;color:var(--text-3);opacity:1}:root[data-design=nabd] .auth-pill{grid-column:2;grid-row:1;align-self:center;justify-self:end;position:relative;z-index:1;height:30px;margin:0;padding:0 12px;gap:9px;border-radius:999px;border:1px solid var(--n-hair);background:#07130eb8;color:var(--text);font-size:12px;font-weight:500;white-space:nowrap}:root[data-design=nabd] .auth-dot{position:relative;background:var(--n-amber)}:root[data-design=nabd] .auth-dot:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid var(--n-amber);opacity:0;animation:nabd-halo 3.4s var(--d-ease-out) infinite}@keyframes nabd-halo{0%{transform:scale(.45);opacity:.75}75%,to{transform:scale(1.35);opacity:0}}:root[data-design=nabd] .auth-wordmark{grid-column:1 / -1;grid-row:3;position:relative;z-index:1;margin:0 0 10px;font-size:clamp(52px,min(6.4vw,11.5vh),110px);font-weight:600;line-height:1;letter-spacing:-.012em;color:var(--text)}:root[data-design=nabd][dir=rtl] .auth-wordmark{text-align:right}:root[data-design=nabd] .auth-blurb{grid-column:1 / -1;grid-row:4;position:relative;z-index:1;max-width:none;font-size:clamp(14px,1.2vw,17px);color:var(--text-2);opacity:1}:root[data-design=nabd] .auth-main{background:var(--surface);border-inline-start:1px solid var(--line)}:root[data-design=nabd] .lang-chip{height:30px;border-radius:999px;border-color:var(--line);background:transparent;color:var(--text-2);font-size:12px;font-weight:500}:root[data-design=nabd] .lang-chip:hover{border-color:var(--control-line);color:var(--text)}:root[data-design=nabd] .auth-card{width:min(392px,100%)}:root[data-design=nabd] .auth-eyebrow{gap:10px;margin-block-end:8px;color:var(--accent);font-size:13px;font-weight:500}:root[data-design=nabd] .auth-rule{width:18px;height:1px;background:var(--accent)}:root[data-design=nabd] .auth-title{margin-block-end:6px;font-size:clamp(30px,2.7vw,40px);font-weight:600;line-height:1.25;letter-spacing:0;color:var(--text)}:root[data-design=nabd] .auth-title span{color:inherit}:root[data-design=nabd] .auth-sub{margin-block-end:16px;color:var(--text-2);font-size:15px}:root[data-design=nabd] .auth-chip{height:30px;padding:0 12px;gap:8px;margin-block-end:20px;border-radius:999px;border:1px solid rgba(76,195,90,.32);background:#4cc35a12;color:var(--accent-text);font-size:12.5px;font-weight:500}:root[data-design=nabd] .auth-chip .icon{width:15px;height:15px}:root[data-design=nabd] .login-form .field label{color:var(--text);font-size:13px;font-weight:500}:root[data-design=nabd] .login-form input{height:46px}:root[data-design=nabd] .pw-toggle{color:var(--text-3)}:root[data-design=nabd] .pw-toggle:hover{color:var(--text);background:var(--surface-2)}:root[data-design=nabd] .login-form .btn.primary.lg{height:48px;margin-block-start:6px;border-radius:9px;font-size:15px;font-weight:600}:root[data-design=nabd] .auth-rule-h{margin:22px 0 12px;background:var(--line-soft)}:root[data-design=nabd] .auth-copy{color:var(--text-3);font-size:12px}:root[data-design=nabd] .design-pick-label{color:var(--text-2);font-size:12px;font-weight:500}:root[data-design=nabd] .design-pick-item{border-radius:8px;border-color:var(--line);background:transparent;color:var(--text-2)}:root[data-design=nabd] .design-pick-item:hover{background:var(--surface-2);border-color:var(--control-line);color:var(--text)}:root[data-design=nabd] .design-pick-item[aria-checked=true]{background:var(--surface-2);border-color:var(--accent);box-shadow:inset 0 0 0 1px #4cc35a73;color:var(--text);font-weight:600}:root[data-design=nabd] .design-pick-chip{box-shadow:inset 0 0 0 1px #e7f1ea33}:root[data-design=nabd] .design-pick-name{font-size:12px}@media(max-height:800px)and (min-width:901px){:root[data-design=nabd] .auth-brand{padding-block:24px 26px}:root[data-design=nabd] .auth-art{inset:16px 0 12px}:root[data-design=nabd] .auth-main{padding-block:24px;gap:14px}:root[data-design=nabd] .auth-title{font-size:32px}:root[data-design=nabd] .auth-sub,:root[data-design=nabd] .auth-chip{margin-block-end:12px}:root[data-design=nabd] .login-form input{height:42px}:root[data-design=nabd] .login-form .btn.primary.lg{height:44px}:root[data-design=nabd] .auth-rule-h{margin:14px 0 8px}:root[data-design=nabd] .design-pick-item{padding-block:6px 5px}}@media(max-width:1024px){:root[data-design=nabd] .sidebar{border-inline-end:1px solid var(--nav-line);box-shadow:var(--shadow-lg)}:root[data-design=nabd] .my-board>.design-motif{inset-block-start:var(--sp-4);inset-inline-end:var(--sp-4)}}@media(max-width:900px){:root[data-design=nabd] .auth-brand{grid-template-rows:auto minmax(118px,1fr) auto auto;gap:0 12px;min-height:0;padding:18px 20px}:root[data-design=nabd] .auth-art{inset:10px 0 8px}:root[data-design=nabd] .da-mark[data-tone=light] img{width:30px;height:30px}:root[data-design=nabd] .auth-org{font-size:13px}:root[data-design=nabd] .auth-motto{font-size:11px}:root[data-design=nabd] .auth-pill{height:26px;padding-inline:10px;font-size:11.5px}:root[data-design=nabd] .auth-wordmark{margin-block-end:4px;font-size:clamp(34px,10vw,52px)}:root[data-design=nabd] .auth-blurb{font-size:13px}:root[data-design=nabd] .auth-main{padding:22px 18px 28px;border-inline-start:0;border-block-start:1px solid var(--line)}}@media(max-width:720px){:root[data-design=nabd] .metric-value{font-size:24px}:root[data-design=nabd] .my-board>.design-motif{display:none}:root[data-design=nabd] .my-board>.page-head .page-actions{margin-inline-end:0}}@media(prefers-reduced-motion:reduce){:root[data-design=nabd] .auth-dot:after{animation:none;opacity:.35;transform:scale(1.1)}}:root[data-design=fusayfisa]{--fz-green: #2F9F3D;--fz-deep: #23803A;--fz-tint: #A9D8AE;--fz-wash: #EEF7EF;--fz-edge: #D2DAD4;--fz-num: "IBM Plex Mono", "Readex Pro", ui-monospace, monospace;--font-ar: "Readex Pro", "Noto Sans Arabic", "Segoe UI", system-ui, sans-serif;--font-en: "Readex Pro", "Segoe UI", system-ui, -apple-system, sans-serif;--font-display: "Readex Pro", "Noto Sans Arabic", "Segoe UI", system-ui, sans-serif;--bg: #FAFCFA;--surface: #FFFFFF;--surface-2: #F5F8F5;--surface-3: #EDF2EE;--line: #E3E8E4;--line-soft: #EDF1EE;--control-line: #86938A;--text: #18261E;--text-2: #445349;--text-3: #56655B;--text-invert: #FFFFFF;--nav-bg: #FFFFFF;--nav-hover: #F2F6F3;--nav-text: #18261E;--nav-muted: #56655B;--nav-line: #E3E8E4;--nav-group-bg: #F5F8F5;--nav-active-bg: #EAF5EB;--nav-active-text: #1C6F30;--accent: #1E7A34;--accent-fill: #23803A;--accent-hover: #1F7434;--accent-soft: #E6F3E8;--accent-text: #155E27;--accent-line: #A9D8AE;--on-accent: #FFFFFF;--row-hover: #F2F7F3;--row-selected: #E6F3E8;--focus: #2F9F3D;--ok: #1A5C29;--ok-soft: #DDF3DF;--warn: #6B4B06;--warn-soft: #F8E9BD;--err: #8F2718;--err-soft: #FBE1DC;--info: #34445C;--info-soft: #E3E8F0;--on-status: #FFFFFF;--brand-500: #2F9F3D;--brand-700: #23803A;--series-1: #1E7A34;--series-2: #6CBB76;--series-3: #A9D8AE;--series-4: #445349;--series-5: #86610F;--series-6: #245B8F;--series-7: #B03A26;--series-8: #C3CDC6;--r-xs: 0px;--r-sm: 4px;--r-md: 0px;--r-lg: 0px;--r-xl: 0px;--shadow-sm: none;--shadow-btn: none;--shadow-md: 0 1px 0 rgba(24, 38, 30, .04), 0 8px 24px rgba(24, 38, 30, .08);--shadow-lg: 0 24px 64px rgba(24, 38, 30, .18);--scrim: rgba(24, 38, 30, .32);color-scheme:light}:root[data-design=fusayfisa] .sidebar{background:var(--nav-bg);border-inline-end:1px solid var(--line)}:root[data-design=fusayfisa] .brand{gap:10px;border-block-end:1px solid var(--line)}:root[data-design=fusayfisa] .brand-name{font-size:14.5px;font-weight:600;letter-spacing:0}:root[data-design=fusayfisa] .brand-org{font-size:12px}:root[data-design=fusayfisa] .nav{padding-block:10px 16px}:root[data-design=fusayfisa] .nav-item,:root[data-design=fusayfisa] .nav-group{border-radius:0}:root[data-design=fusayfisa] .nav-item .icon,:root[data-design=fusayfisa] .nav-group .icon{color:var(--text-3)}:root[data-design=fusayfisa] .nav-item.active:before{content:"";position:absolute;inset-block:6px;inset-inline-start:0;width:2px;background:var(--fz-green)}:root[data-design=fusayfisa] .nav-item.active .icon{color:var(--fz-green)}:root[data-design=fusayfisa] .nav-group-items{border-inline-start-color:var(--line)}:root[data-design=fusayfisa] .nav-badge{border-radius:0;background:var(--fz-deep);color:#fff;font-family:var(--fz-num);font-weight:500}:root[data-design=fusayfisa] .nav-count{font-family:var(--fz-num)}:root[data-design=fusayfisa] .sidebar-foot{border-block-start:1px solid var(--line)}:root[data-design=fusayfisa] .topbar{background:var(--bg);border-block-end:1px solid var(--line)}:root[data-design=fusayfisa] .search input{border-radius:0;background:var(--surface)}:root[data-design=fusayfisa] .avatar{border-radius:0;background:#ddeedf;color:var(--text)}:root[data-design=fusayfisa] .kbd{border-radius:0;border-bottom-width:1px;font-family:var(--fz-num)}:root[data-design=fusayfisa] .tf-nag{border-radius:4px;border-color:var(--warn);background:var(--warn-soft)}:root[data-design=fusayfisa] .page-title{font-size:26px;font-weight:600;line-height:1.35;letter-spacing:0}:root[data-design=fusayfisa] .page-sub{font-size:13.5px}:root[data-design=fusayfisa] .metrics{gap:0;padding-block-end:1px;padding-inline-end:1px;margin-block-end:16px}:root[data-design=fusayfisa] .metric{border-radius:0;margin-block-end:-1px;margin-inline-end:-1px;padding:12px 14px;min-height:92px}:root[data-design=fusayfisa] .metric-label{font-size:13px}:root[data-design=fusayfisa] .metric-label .icon{color:var(--fz-green)}:root[data-design=fusayfisa] .metric-value{font-family:var(--fz-num);font-size:30px;font-weight:500;line-height:1.15}:root[data-design=fusayfisa] .metric-value.tone-ok{color:var(--ok)}:root[data-design=fusayfisa] .metric-value.tone-warn{color:var(--warn)}:root[data-design=fusayfisa] .metric-value.tone-err{color:var(--err)}:root[data-design=fusayfisa] .metric-note{font-size:12px;color:var(--text-3)}:root[data-design=fusayfisa] .card{border-radius:0;box-shadow:none}:root[data-design=fusayfisa] .card-head{min-height:48px;border-block-end-color:var(--line)}:root[data-design=fusayfisa] .card-title{font-size:14.5px;font-weight:600}:root[data-design=fusayfisa] .table-wrap{border-radius:0}:root[data-design=fusayfisa] table.grid th{background:var(--surface-2);color:var(--text-2);font-size:12.5px;font-weight:500}:root[data-design=fusayfisa] table.grid td{border-block-end-color:var(--line-soft)}:root[data-design=fusayfisa] .tabs{border-block-end-color:var(--line)}:root[data-design=fusayfisa] .tab.active{border-block-end-color:var(--fz-green)}:root[data-design=fusayfisa] .btn{border-radius:4px;box-shadow:none}:root[data-design=fusayfisa] .btn:active:not(:disabled){transform:scale(.97)}:root[data-design=fusayfisa] .btn.primary{background:var(--accent-fill);border-color:var(--accent-fill)}:root[data-design=fusayfisa] .btn.ghost:hover:not(:disabled){background:var(--nav-hover);color:var(--text)}:root[data-design=fusayfisa] .badge{border-radius:0}:root[data-design=fusayfisa] :is(.badge.ok,.badge.warn,.badge.err,.badge.info):before{content:"";width:6px;height:6px;flex:none;background:currentColor}:root[data-design=fusayfisa] .chip,:root[data-design=fusayfisa] .pq-chip{border-radius:4px}:root[data-design=fusayfisa] .chip-n,:root[data-design=fusayfisa] .pq-chip .pq-n{border-radius:0;font-family:var(--fz-num)}:root[data-design=fusayfisa] :is(input[type=text],input[type=email],input[type=password],input[type=date],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=datetime-local],input[type=url],select,textarea,.field input:not([type])):not(.cell-edit){border-radius:0}:root[data-design=fusayfisa] :is(input,select,textarea):focus{border-color:var(--fz-deep)}:root[data-design=fusayfisa] .modal{border-radius:0;border-color:var(--line)}:root[data-design=fusayfisa] .modal-head{border-block-end:1px solid var(--line)}:root[data-design=fusayfisa] .modal-title{font-size:15px;font-weight:600}:root[data-design=fusayfisa] .modal-foot{border-block-start:1px solid var(--line);background:var(--surface-2)}:root[data-design=fusayfisa] .alert{border-radius:0;border-width:0;border-inline-start:3px solid currentColor}:root[data-design=fusayfisa] .empty-title{color:var(--text-2);font-weight:500}:root[data-design=fusayfisa] .trail-dot,:root[data-design=fusayfisa] .trail-note{border-radius:0}:root[data-design=fusayfisa] .trail-step.is-current .trail-dot{box-shadow:0 0 0 3px var(--fz-wash)}:root[data-design=fusayfisa] .pq-item{border-radius:0;border-inline-start-width:3px}:root[data-design=fusayfisa] .pq-list,:root[data-design=fusayfisa] .pq-step{border-radius:0}:root[data-design=fusayfisa] .sum-list{gap:0}:root[data-design=fusayfisa] .sum-list li{border-radius:0;background:transparent;border-block-end:1px solid var(--line-soft);padding:9px 4px}:root[data-design=fusayfisa] .sum-list li:last-child{border-block-end:0}:root[data-design=fusayfisa] .sum-list li.click:hover{background:var(--row-hover)}:root[data-design=fusayfisa] .sum-list li>b{font-family:var(--fz-num);font-weight:500}:root[data-design=fusayfisa] .pp-tasks{gap:0}:root[data-design=fusayfisa] .pp-tasks li{position:relative;border-radius:0;background:transparent;border-inline-start:0;border-block-end:1px solid var(--line-soft);padding:9px 18px 9px 4px;padding-inline-start:18px}:root[data-design=fusayfisa] .pp-tasks li:before{content:"";position:absolute;inset-inline-start:4px;inset-block-start:16px;width:6px;height:6px;background:var(--info)}:root[data-design=fusayfisa] .pp-tasks li.late:before{background:var(--err)}:root[data-design=fusayfisa] .pp-tasks li:last-child{border-block-end:0}:root[data-design=fusayfisa] .pp-tasks li:hover{background:var(--row-hover)}:root[data-design=fusayfisa] .pp-sbar{height:10px;border-radius:0;background:repeating-linear-gradient(to left,var(--surface-3) 0 8px,transparent 8px 10px)}:root[data-design=fusayfisa] .pp-sbar div{border-radius:0;background:var(--fz-green);-webkit-mask:repeating-linear-gradient(to left,#000 0 8px,transparent 8px 10px);mask:repeating-linear-gradient(to left,#000 0 8px,transparent 8px 10px)}:root[data-design=fusayfisa]:not([dir=rtl]) .pp-sbar{background:repeating-linear-gradient(to right,var(--surface-3) 0 8px,transparent 8px 10px)}:root[data-design=fusayfisa]:not([dir=rtl]) .pp-sbar div{-webkit-mask:repeating-linear-gradient(to right,#000 0 8px,transparent 8px 10px);mask:repeating-linear-gradient(to right,#000 0 8px,transparent 8px 10px)}:root[data-design=fusayfisa] :is(.bb-track,.bb-planned,.bb-approved){border-radius:0}:root[data-design=fusayfisa] .bb-approved{background:var(--fz-green)}:root[data-design=fusayfisa] .my-board>.page-head{order:-2;margin-block-end:14px}:root[data-design=fusayfisa] .my-board>.design-motif{order:-1;height:6px;margin-block:0 18px;line-height:0;overflow:hidden}:root[data-design=fusayfisa] .my-congrats{border-radius:0;background:var(--fz-wash);border:1px solid var(--fz-tint)}:root[data-design=fusayfisa] .my-congrats>.icon{color:var(--fz-deep)}:root[data-design=fusayfisa] .my-eval-reminder{border-radius:0;background:var(--surface);border:1px solid var(--line);border-inline-start:3px solid var(--info)}:root[data-design=fusayfisa] .my-empty{color:var(--ok);font-weight:500}:root[data-design=fusayfisa] .my-projects{gap:0}:root[data-design=fusayfisa] .my-project{border:0;border-block-end:1px solid var(--line-soft);border-radius:0;background:transparent;padding:12px 4px}:root[data-design=fusayfisa] .my-project:last-child{border-block-end:0}:root[data-design=fusayfisa] .my-project:hover{background:var(--row-hover);border-color:var(--line-soft)}:root[data-design=fusayfisa] .mp-head b{font-weight:500}:root[data-design=fusayfisa] .mp-head .code{color:var(--accent);font-family:var(--fz-num)}:root[data-design=fusayfisa] :is(.mp-row small,.mp-budget .bb-n){font-family:var(--fz-num)}:root[data-design=fusayfisa] .auth-brand{--fz-p: 26px;--fz-g: 4px;--fz-m: 28px;--fz-k: 4;--fz-n: 24;justify-content:flex-start;gap:0;padding:var(--fz-m);color:var(--text);background:var(--bg);border-inline-end:1px solid var(--line)}:root[data-design=fusayfisa] .auth-brand>div:empty:not(.auth-art){display:none}:root[data-design=fusayfisa] .auth-brand-top{gap:12px;min-height:calc(2 * var(--fz-p) - var(--fz-g))}:root[data-design=fusayfisa] .auth-brand-top .da-mark img{width:36px;height:36px}:root[data-design=fusayfisa] .auth-brand-top .da-mark svg{stroke:var(--fz-deep);background:var(--fz-wash)}:root[data-design=fusayfisa] .auth-org{font-size:15px;font-weight:600;letter-spacing:0;color:var(--text)}:root[data-design=fusayfisa] .auth-motto{font-size:12px;opacity:1;color:var(--text-2);margin:0}:root[data-design=fusayfisa] .auth-brand>.auth-brand-mid{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;max-width:none;padding:var(--fz-m)}:root[data-design=fusayfisa] .auth-pill{position:absolute;inset-block-start:calc(var(--fz-m) + var(--fz-p) / 2);inset-inline-end:var(--fz-m);inset-inline-end:calc(100% - var(--fz-m) - round(down,100% - 2 * var(--fz-m) + var(--fz-g),var(--fz-p)) + var(--fz-g));box-sizing:border-box;height:calc(var(--fz-p) - var(--fz-g));min-width:calc(5 * var(--fz-p) - var(--fz-g));justify-content:center;gap:7px;padding:0 10px;margin:0;border-radius:0;border:1px solid var(--fz-edge);background:var(--surface);color:var(--text);font-size:12px;font-weight:500}:root[data-design=fusayfisa] .auth-dot{width:7px;height:7px;border-radius:0;background:var(--fz-green)}:root[data-design=fusayfisa] .auth-wordmark{--fz-cap: calc(var(--fz-k) * var(--fz-p) - var(--fz-g));--fz-ls: calc((var(--fz-n) * var(--fz-p) - var(--fz-g) - var(--fz-cap) * 6.2052) / 6);margin:0;color:var(--text);font-weight:600;line-height:1;font-size:calc(var(--fz-cap) / .7);letter-spacing:var(--fz-ls)}:root[data-design=fusayfisa][dir=rtl] .auth-wordmark{text-align:right;margin-inline-end:calc(-.0643em - var(--fz-ls))}:root[data-design=fusayfisa]:not([dir=rtl]) .auth-wordmark{margin-inline-start:-.0733em}:root[data-design=fusayfisa] .auth-blurb{margin-block-start:16px;max-width:none;font-size:16px;line-height:1.6;opacity:1;color:var(--text-2)}@media(max-width:1399px){:root[data-design=fusayfisa] .auth-brand{--fz-k: 3;--fz-n: 18}}@media(max-width:1099px){:root[data-design=fusayfisa] .auth-brand{--fz-k: 2;--fz-n: 12}}:root[data-design=fusayfisa] .auth-main{background:var(--surface)}:root[data-design=fusayfisa] .lang-chip{height:32px;border-radius:0;border-color:var(--fz-edge);font-weight:500}:root[data-design=fusayfisa] .auth-eyebrow{gap:8px;margin-block-end:12px;color:var(--accent);font-size:13px;font-weight:500}:root[data-design=fusayfisa] .auth-rule{width:8px;height:8px;border-radius:0;background:var(--fz-green)}:root[data-design=fusayfisa] .auth-title{font-size:clamp(32px,2.8vw,40px);font-weight:600;line-height:1.25;letter-spacing:0;color:var(--text);margin-block-end:8px}:root[data-design=fusayfisa] .auth-title span{color:inherit}:root[data-design=fusayfisa] .auth-sub{font-size:15px;margin-block-end:20px}:root[data-design=fusayfisa] .auth-chip{gap:8px;padding:6px 12px 6px 10px;border-radius:0;border:1px solid var(--fz-edge);background:var(--bg);color:var(--text);font-size:13px;font-weight:500}:root[data-design=fusayfisa] .auth-chip .icon{width:16px;height:16px;color:var(--fz-green)}:root[data-design=fusayfisa] .login-form .field label{font-size:13px;font-weight:500;color:var(--text)}:root[data-design=fusayfisa] .login-form input{min-height:44px}:root[data-design=fusayfisa] .pw-wrap input{padding-inline-end:44px}:root[data-design=fusayfisa] .pw-toggle{border-radius:4px}:root[data-design=fusayfisa] .login-form .btn.primary.lg{height:46px;font-size:15px;font-weight:600}:root[data-design=fusayfisa] .auth-rule-h{background:var(--line)}:root[data-design=fusayfisa] .auth-copy{font-size:12px}:root[data-design=fusayfisa] .design-pick-label{font-weight:500;color:var(--text-2)}:root[data-design=fusayfisa] .design-pick-item{border-radius:4px}:root[data-design=fusayfisa] .design-pick-chip{border-radius:0;box-shadow:inset 0 0 0 1px #18261e2e}:root[data-design=fusayfisa] .design-pick-item[aria-checked=true]{border-color:var(--fz-green);box-shadow:inset 0 0 0 1px var(--fz-green)}@media(max-width:900px){:root[data-design=fusayfisa] .auth-brand{--fz-p: 19px;--fz-g: 3px;--fz-m: 16px;--fz-k: 2;--fz-n: 12;border-inline-end:0;border-block-end:1px solid var(--line)}:root[data-design=fusayfisa] .auth-brand-top .da-mark img{width:28px;height:28px}:root[data-design=fusayfisa] .auth-org{font-size:14px}:root[data-design=fusayfisa] .auth-brand>.auth-brand-mid{position:relative;inset:auto;display:block;padding:0;margin-block-start:20px}:root[data-design=fusayfisa] .auth-pill{position:static;margin-block-end:14px}:root[data-design=fusayfisa] .auth-blurb{margin-block-start:8px;font-size:13px}}@media(max-width:1024px){:root[data-design=fusayfisa] .sidebar{border-inline-end:1px solid var(--line)}}@media(prefers-reduced-motion:reduce){:root[data-design=fusayfisa] .btn:active:not(:disabled){transform:none}}:root[data-design=sanabil]{--s-olive: #1F2816;--s-olive-2: #18200F;--s-ink: #26301D;--s-cream: #F4EEDC;--s-wheat: #C8923A;--s-wheat-deep: #8A6420;--s-hi: #F6D58A;--s-straw: #F5EDD9;--s-stalk: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C8923A' stroke-width='1.3' stroke-linecap='round'%3E%3Cpath d='M12 23V7.5M12 7.5l.3-5M12 9c0-2 1.2-3.6 2.8-3.6.3 1.7-.8 3.6-2.8 3.6zM12 9c0-2-1.2-3.6-2.8-3.6-.3 1.7.8 3.6 2.8 3.6zM12 13.4c0-2 1.2-3.6 2.8-3.6.3 1.7-.8 3.6-2.8 3.6zM12 13.4c0-2-1.2-3.6-2.8-3.6-.3 1.7.8 3.6 2.8 3.6zM12 17.8c0-2 1.2-3.6 2.8-3.6.3 1.7-.8 3.6-2.8 3.6zM12 17.8c0-2-1.2-3.6-2.8-3.6-.3 1.7.8 3.6 2.8 3.6z'/%3E%3C/svg%3E");--font-ar: "Readex Pro", "Noto Sans Arabic", "Segoe UI", system-ui, sans-serif;--font-en: "Readex Pro", "Segoe UI", system-ui, sans-serif;--font-display: "Markazi Text", "Readex Pro", "Noto Naskh Arabic", serif;--bg: #F6F7F2;--surface: #FFFFFF;--surface-2: #FAFBF7;--surface-3: #F1F3EA;--line: #E3E5DA;--line-soft: #ECEEE5;--control-line: #858B75;--text: #26301D;--text-2: #4B5440;--text-3: #646B58;--text-invert: #FFFFFF;--nav-bg: #1F2816;--nav-hover: #2A3420;--nav-text: #EDEAD8;--nav-muted: #B2B69F;--nav-line: #36412A;--nav-group-bg: #1A2212;--nav-active-bg: rgba(77, 185, 86, .16);--nav-active-text: #FFFFFF;--accent: #23803A;--accent-fill: #23803A;--accent-hover: #1D6E31;--accent-soft: #E3F2E4;--accent-text: #1A5E2B;--accent-line: #B9DDBE;--on-accent: #FFFFFF;--row-hover: #F3F5EE;--row-selected: #EAF4EA;--focus: #23803A;--ok: #17632A;--ok-soft: #DDF3DF;--warn: #6E4F0A;--warn-soft: #F8E9BD;--err: #922E1E;--err-soft: #FBE1DC;--info: #44536B;--info-soft: #E3E8F0;--on-status: #FFFFFF;--brand-500: #2F9F3D;--brand-700: #23803A;--series-1: #2F9F3D;--series-2: #C8923A;--series-3: #5E7A3A;--series-4: #D9B25F;--series-5: #44536B;--series-6: #8FBF6A;--series-7: #A87428;--series-8: #7C8A6A;--r-xs: 4px;--r-sm: 8px;--r-md: 10px;--r-lg: 12px;--r-xl: 16px;--shadow-sm: 0 1px 0 rgba(38, 48, 29, .04);--shadow-btn: 0 1px 0 rgba(38, 48, 29, .12);--shadow-md: 0 8px 20px -10px rgba(38, 48, 29, .22);--shadow-lg: 0 24px 48px -20px rgba(31, 40, 22, .42);--scrim: rgba(31, 40, 22, .42);color-scheme:light}:root[data-design=sanabil] .sidebar{background:var(--s-olive);border-inline-end:0}:root[data-design=sanabil] .brand{border-block-end:1px solid var(--nav-line);gap:10px}:root[data-design=sanabil] .brand-logo{width:34px;height:34px;box-shadow:0 0 0 2px #f6d58a38}:root[data-design=sanabil] .brand-name{font-family:var(--font-display);font-size:23px;font-weight:700;line-height:1.05;color:var(--s-cream);letter-spacing:0}:root[data-design=sanabil] .brand-org{color:var(--nav-muted);font-size:11.5px}:root[data-design=sanabil] .nav-item .icon,:root[data-design=sanabil] .nav-group .icon{color:#a9ae95}:root[data-design=sanabil] .nav-item:hover .icon,:root[data-design=sanabil] .nav-group:hover .icon{color:#dad7c3}:root[data-design=sanabil] .nav-group[aria-expanded=true]{background:var(--nav-group-bg)}:root[data-design=sanabil] .nav-group-items{border-inline-start:1px solid var(--nav-line)}:root[data-design=sanabil] .nav-item.active,:root[data-design=sanabil] .nav-item.active:hover,:root[data-design=sanabil] .nav-group-items .nav-item.active{background:var(--nav-active-bg);color:var(--nav-active-text);font-weight:600}:root[data-design=sanabil] .nav-item.active:before{content:"";position:absolute;inset-inline-start:-8px;inset-block:8px;width:3px;border-radius:0 3px 3px 0;background:#4db956}:root[data-design=sanabil] .nav-item.active .icon{color:#7ad884}:root[data-design=sanabil] .nav-badge{background:var(--s-wheat);color:var(--s-olive);font-family:var(--font-mono);font-weight:500}:root[data-design=sanabil] .nav-count{color:var(--nav-muted);font-family:var(--font-mono)}:root[data-design=sanabil] .sidebar-foot{border-block-start-color:var(--nav-line)}:root[data-design=sanabil] .topbar{background:var(--bg);border-block-end:1px solid var(--line)}:root[data-design=sanabil] .search input{border-radius:10px;border-color:var(--line);background:var(--surface)}:root[data-design=sanabil] .search input:focus{border-color:var(--focus)}:root[data-design=sanabil] .avatar{background:#3a4a2a;color:var(--s-hi)}:root[data-design=sanabil] .kbd{background:var(--surface-2);border-color:var(--line);color:var(--text-3);font-family:var(--font-mono)}:root[data-design=sanabil] .tf-nag{border-color:#e3c77e;background:#fbf1d6;color:var(--warn)}:root[data-design=sanabil] .page-title{font-family:var(--font-display);font-size:31px;font-weight:600;line-height:1.3;letter-spacing:0}:root[data-design=sanabil] .page-sub{color:var(--text-3)}:root[data-design=sanabil] .code{color:var(--accent-text)}:root[data-design=sanabil] .metrics{gap:12px;margin-block-end:var(--sp-4)}:root[data-design=sanabil] .metric{border-radius:12px;padding:12px 14px;min-height:92px;border-color:var(--line)}:root[data-design=sanabil] .metric:after{content:"";position:absolute;inset-inline-end:10px;inset-block-end:9px;width:22px;height:26px;background:var(--s-stalk) center / contain no-repeat;opacity:.55;pointer-events:none}:root[data-design=sanabil] .metric-label{color:var(--text-2)}:root[data-design=sanabil] .metric-label .icon{color:var(--s-wheat-deep)}:root[data-design=sanabil] .metric-value{font-family:var(--font-mono);font-weight:500;font-size:27px;line-height:1.15;letter-spacing:-.01em}:root[data-design=sanabil] .metric-value.tone-warn{color:var(--warn)}:root[data-design=sanabil] .metric-value.tone-err{color:var(--err)}:root[data-design=sanabil] .metric-value.tone-ok{color:var(--ok)}:root[data-design=sanabil] .metric-note{color:var(--text-3)}:root[data-design=sanabil] .card{border-radius:12px;border-color:var(--line)}:root[data-design=sanabil] .card-head{min-height:50px;padding-inline:16px;border-block-end-color:var(--line)}:root[data-design=sanabil] .card-title{font-size:15px;font-weight:600}:root[data-design=sanabil] .empty-title{color:var(--text-2);font-weight:500}:root[data-design=sanabil] .table-wrap{border-radius:12px}:root[data-design=sanabil] table.grid th{background:var(--surface-2);color:var(--text-2);font-weight:600;border-block-end:1px solid var(--line)}:root[data-design=sanabil] .tabs{border-block-end:1px solid var(--line)}:root[data-design=sanabil] .tab.active{color:var(--text);border-block-end-color:var(--accent-fill)}:root[data-design=sanabil] .btn{border-radius:9px;border-color:var(--line)}:root[data-design=sanabil] .btn:not(.primary):not(.ghost){border-color:#d3d7c7}:root[data-design=sanabil] .btn.primary{background:var(--accent-fill);border-color:var(--accent-fill)}:root[data-design=sanabil] .btn.ghost{color:var(--text-2)}:root[data-design=sanabil] .badge{border-radius:999px;font-weight:500}:root[data-design=sanabil] .chip{border-color:var(--line)}:root[data-design=sanabil] .chip.active,:root[data-design=sanabil] .pq-chip.on{background:var(--s-olive);border-color:var(--s-olive);color:var(--s-cream)}:root[data-design=sanabil] .pq-chip.on .pq-n{background:#f6d58a33;color:var(--s-hi)}:root[data-design=sanabil] .pq-item{border-radius:10px;border-inline-start:3px solid var(--s-wheat)}:root[data-design=sanabil] .pq-step{background:var(--s-straw)}:root[data-design=sanabil] .pq-list{background:var(--surface-3)}:root[data-design=sanabil] :is(input[type=text],input[type=email],input[type=password],input[type=date],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=datetime-local],input[type=url],select,textarea,.field input:not([type])):not(.cell-edit){border-radius:9px}:root[data-design=sanabil] :is(input,select,textarea):focus{border-color:var(--focus)}:root[data-design=sanabil] .modal{border-radius:16px;border-color:var(--line)}:root[data-design=sanabil] .modal-head{border-block-end-color:var(--line)}:root[data-design=sanabil] .modal-title{font-size:17px;font-weight:600}:root[data-design=sanabil] .modal-foot{border-block-start-color:var(--line);background:var(--surface-2)}:root[data-design=sanabil] .alert{border-radius:10px}:root[data-design=sanabil] .trail-step.is-current .trail-dot{border-color:var(--s-wheat);color:var(--warn);box-shadow:0 0 0 4px var(--s-straw)}:root[data-design=sanabil] .trail-step.is-current .trail-meta{color:var(--warn)}:root[data-design=sanabil] .sum-list li{background:var(--surface-2);border-radius:8px;padding:7px 10px}:root[data-design=sanabil] .sum-list li.click:hover{background:var(--row-hover)}:root[data-design=sanabil] .sum-list li>b{font-family:var(--font-mono);font-weight:500}:root[data-design=sanabil] .pp-tasks li{background:var(--surface-2);border-inline-start-color:#9aa884;border-radius:8px}:root[data-design=sanabil] .pp-tasks li.late{border-inline-start-color:var(--err)}:root[data-design=sanabil] .pp-sbar{background:#f1ebda}:root[data-design=sanabil] .pp-sbar div,:root[data-design=sanabil] .bb-approved{background:var(--s-wheat)}:root[data-design=sanabil] .bb-planned{background:#c8923a52}:root[data-design=sanabil] .bb-track{background:#f1ebda}:root[data-design=sanabil] .my-board>.page-head{position:relative;z-index:1;margin-block-end:var(--sp-4)}:root[data-design=sanabil] .design-motif{position:absolute;inset-inline:0;inset-block-start:0;height:112px;z-index:0;overflow:hidden}:root[data-design=sanabil] .my-congrats{background:#fbf3dc;border-color:#ead49c;border-radius:12px}:root[data-design=sanabil] .my-congrats>.icon{color:#a87428}:root[data-design=sanabil] .my-eval-reminder{background:var(--surface);border:1px solid var(--line);border-radius:12px}:root[data-design=sanabil] .my-eval-reminder>.icon{width:34px;height:34px;padding:7px;box-sizing:border-box;border-radius:9px;background:var(--s-straw);color:var(--s-wheat-deep)}:root[data-design=sanabil] .my-eval-reminder b{color:var(--text)}:root[data-design=sanabil] .my-empty{color:var(--ok);font-weight:500}:root[data-design=sanabil] .my-empty .icon{width:30px;height:30px;padding:6px;box-sizing:border-box;border-radius:50%;background:var(--s-straw);color:var(--s-wheat-deep)}:root[data-design=sanabil] .my-project{border-radius:10px;border-color:var(--line-soft);background:var(--surface-2)}:root[data-design=sanabil] .my-project:hover{border-color:#d8cba6;background:var(--row-hover)}:root[data-design=sanabil] .mp-head b{font-weight:600}:root[data-design=sanabil] .mp-row,:root[data-design=sanabil] .mp-budget{color:var(--text-2)}:root[data-design=sanabil] .auth-brand{justify-content:flex-start;gap:clamp(24px,6.5vh,64px);color:var(--s-ink);background:linear-gradient(180deg,#faedc4,#f7e3a8 26%,#f4d58c 46%,#f0c470 56%,#edb451 64%,#e7a846)}:root[data-design=sanabil] .da-mark[data-tone=light] img{width:40px;height:40px}:root[data-design=sanabil] .da-mark[data-tone=light] svg{background:#2f7a38;stroke:#fff}:root[data-design=sanabil] .auth-org{color:var(--s-ink);font-weight:600}:root[data-design=sanabil] .auth-motto{color:#5a5634;opacity:1}:root[data-design=sanabil] .auth-pill{background:var(--s-ink);border-color:transparent;color:var(--s-cream);font-weight:500}:root[data-design=sanabil] .auth-dot{background:#6fd27a;box-shadow:0 0 0 3px #6fd27a33}:root[data-design=sanabil][dir=rtl] .auth-wordmark{text-align:right}:root[data-design=sanabil] .auth-wordmark{color:var(--s-ink);font-weight:600;letter-spacing:-.025em;font-size:clamp(46px,5.6vw,88px);margin-block-end:10px}:root[data-design=sanabil] .auth-blurb{font-family:var(--font-display);font-weight:600;font-size:clamp(26px,2.4vw,36px);line-height:1.25;color:#3a3a1e;opacity:1;max-width:none}:root[data-design=sanabil] .auth-main{--bg: #1F2816;--surface: #18200F;--surface-2: #232D19;--surface-3: #2A3520;--line: #3A4430;--line-soft: #2F3925;--control-line: #7D7A5E;--text: #F4EEDC;--text-2: #C9C4AA;--text-3: #A9A68C;--accent: #8BD894;--accent-fill: #4DB956;--accent-hover: #5CC465;--on-accent: #10190A;--accent-soft: #263A1F;--accent-text: #A8E6AE;--focus: #72CF7C;--ok: #9BE0A6;--ok-soft: #163D22;--warn: #EBCB7A;--warn-soft: #3D3014;--err: #F0A493;--err-soft: #40211C;--info: #A9B8D0;--info-soft: #232C3A;--brand-700: #E3BC66;--brand-50: #26301B;--brand-900: #E9DFC2;--n-0: #18200F;--n-25: #1F2816;--n-900: #F4EEDC;--shadow-sm: none;--shadow-btn: none;--shadow-md: none;background:var(--s-olive);color:var(--text);border-inline-start:1px solid rgba(246,213,138,.16)}:root[data-design=sanabil] .lang-chip{border-radius:999px;font-weight:500}:root[data-design=sanabil] .auth-eyebrow{font-weight:500}:root[data-design=sanabil] .auth-rule{width:28px}:root[data-design=sanabil] .auth-title{font-weight:600;letter-spacing:0;font-size:clamp(30px,2.7vw,40px)}:root[data-design=sanabil] .auth-title span{color:inherit}:root[data-design=sanabil] .auth-chip{border:1px solid rgba(246,213,138,.16);border-radius:8px;font-weight:500;font-size:var(--fs-sm)}:root[data-design=sanabil] .auth-chip .icon{color:var(--s-hi)}:root[data-design=sanabil] .login-form .field label{color:#e6e0cb}:root[data-design=sanabil] .auth-main :is(input[type=email],input[type=password],input[type=text]){height:46px;border-radius:10px}:root[data-design=sanabil] .auth-main :is(input,button):focus-visible{outline:2px solid var(--focus);outline-offset:2px}:root[data-design=sanabil] .login-form .btn.lg{height:48px;border-radius:10px;font-weight:600;font-size:15.5px}:root[data-design=sanabil] .sso-btn{border-radius:10px}:root[data-design=sanabil] .design-pick-label{color:var(--text-3);font-weight:500}:root[data-design=sanabil] .design-pick-item{border-radius:10px}:root[data-design=sanabil] .design-pick-item[aria-checked=true]{border-color:#d9b45e;box-shadow:inset 0 0 0 1px #d9b45e;background:#f6d58a14;color:var(--s-cream)}:root[data-design=sanabil] .design-pick-chip{box-shadow:0 0 0 1px #f6d58a4d}@media(min-width:901px)and (max-height:780px){:root[data-design=sanabil] .auth-main{padding-block:20px;gap:14px}:root[data-design=sanabil] .auth-sub{margin-block-end:14px}:root[data-design=sanabil] .auth-chip{margin-block-end:12px}:root[data-design=sanabil] .auth-rule-h{margin-block:16px 10px}}@media(max-width:900px){:root[data-design=sanabil] .auth-brand{min-height:300px;gap:14px}:root[data-design=sanabil] .auth-pill{margin-block-end:12px;padding-block:5px}:root[data-design=sanabil] .auth-wordmark{font-size:clamp(38px,10.5vw,56px);margin-block-end:4px}:root[data-design=sanabil] .auth-blurb{font-size:clamp(21px,5.6vw,28px)}:root[data-design=sanabil] .auth-brand-mid{padding-inline-end:22%}:root[data-design=sanabil] .auth-main{border-inline-start:0;border-block-start:1px solid rgba(246,213,138,.16)}}@media(max-width:1024px){:root[data-design=sanabil] .sidebar{box-shadow:0 24px 48px -20px #00000080}}@media(max-width:720px){:root[data-design=sanabil] .page-title{font-size:28px}:root[data-design=sanabil] .design-motif{height:58px}}@media(prefers-reduced-motion:reduce){:root[data-design=sanabil] .nav-item,:root[data-design=sanabil] .btn{transition:none}}:root[data-design=khatt]{--bg: #ffffff;--surface: #ffffff;--surface-2: #fafaf9;--surface-3: #f3f3f1;--line: #e6e6e3;--line-soft: #efefec;--control-line: #76766f;--text: #000000;--text-2: #5e5e5a;--text-3: #6b6b66;--text-invert: #ffffff;--nav-bg: #ffffff;--nav-hover: #f3f3f1;--nav-text: #000000;--nav-muted: #5e5e5a;--nav-line: #e6e6e3;--nav-group-bg: #fafaf9;--nav-active-bg: #f3f3f1;--nav-active-text: #000000;--accent: #23803a;--accent-fill: #23803a;--accent-hover: #1b6a2f;--accent-soft: #eaf5ec;--accent-text: #15461a;--accent-line: #9fd2a8;--on-accent: #ffffff;--row-hover: #f7f7f5;--row-selected: #eef6ef;--focus: #2f9f3d;--ok: #0f5a22;--ok-soft: #ddf3df;--warn: #6e4b00;--warn-soft: #f8e9bd;--err: #8e2a1a;--err-soft: #fbe1dc;--info: #3c4e66;--info-soft: #e3e8f0;--on-status: #ffffff;--brand-500: #2f9f3d;--brand-700: #23803a;--series-1: #2f9f3d;--series-2: #000000;--series-3: #8c8c86;--series-4: #a9d8ae;--series-5: #1b6a2f;--series-6: #c8c8c2;--series-7: #4d4d49;--series-8: #6fbf7a;--r-xs: 2px;--r-sm: 2px;--r-md: 2px;--r-lg: 2px;--r-xl: 4px;--shadow-sm: 0 1px 0 rgba(0, 0, 0, .03);--shadow-btn: 0 0 0 rgba(0, 0, 0, 0);--shadow-md: 0 14px 30px -20px rgba(0, 0, 0, .3);--shadow-lg: 0 28px 56px -28px rgba(0, 0, 0, .34);--scrim: rgba(0, 0, 0, .3);--font-ar: "Readex Pro", "Noto Sans Arabic", system-ui, sans-serif;--font-en: "Readex Pro", system-ui, sans-serif;--font-display: "Aref Ruqaa", "Readex Pro", serif;color-scheme:light}:root[data-design=khatt] .sidebar{background:var(--nav-bg);border-inline-end:1px solid var(--line)}:root[data-design=khatt] .brand{border-block-end:1px solid var(--line)}:root[data-design=khatt] .brand-name{font-weight:600;letter-spacing:0}:root[data-design=khatt] .brand-org{color:var(--text-2)}:root[data-design=khatt] .nav-cap{color:var(--text-2);font-weight:500}:root[data-design=khatt] .nav-item{border-radius:2px}:root[data-design=khatt] .nav-item.active,:root[data-design=khatt] .nav-item.active:hover{background:var(--nav-active-bg);color:var(--nav-active-text)}:root[data-design=khatt] .nav-item.active:after{content:"";position:absolute;inset-inline-start:0;inset-block:7px;width:2px;background:var(--brand-500)}:root[data-design=khatt] .nav-group{border-radius:2px}:root[data-design=khatt] .nav-group-items{border-inline-start:1px solid var(--line);margin-inline-start:17px;padding-inline-start:4px}:root[data-design=khatt] .nav-badge{background:transparent;color:var(--text);box-shadow:inset 0 0 0 1px var(--text);border-radius:999px;font-family:var(--font-mono);font-weight:500}:root[data-design=khatt] .nav-count{background:none;border:0;box-shadow:none;color:var(--text-2);font-family:var(--font-mono);font-size:11.5px;font-weight:500}:root[data-design=khatt] .sidebar-foot{border-block-start:1px solid var(--line)}:root[data-design=khatt] .topbar{background:var(--bg);border-block-end:1px solid var(--line)}:root[data-design=khatt] .search{background:var(--surface);border:1px solid var(--line);border-radius:2px;box-shadow:none}:root[data-design=khatt] .avatar{background:var(--surface);color:var(--text);box-shadow:inset 0 0 0 1px var(--text)}:root[data-design=khatt] .kbd{font-family:var(--font-mono);background:var(--surface);border:1px solid var(--line);border-radius:2px;box-shadow:none;color:var(--text-2)}:root[data-design=khatt] .tf-nag{background:var(--surface);color:var(--warn);box-shadow:inset 0 0 0 1px var(--warn);border-radius:999px}:root[data-design=khatt] .page-title{font-weight:600;letter-spacing:0;color:var(--text)}:root[data-design=khatt] .page-sub{color:var(--text-2)}:root[data-design=khatt] .metrics{gap:0;border-block:1px solid var(--line);border-block-start-color:var(--text)}:root[data-design=khatt] .metric{background:var(--surface);border:0;border-inline-start:1px solid var(--line);border-radius:0;box-shadow:none}:root[data-design=khatt] .metric:first-child{border-inline-start:0}:root[data-design=khatt] .metric-label{color:var(--text-2);font-weight:500}:root[data-design=khatt] .metric-value{font-family:var(--font-mono);font-weight:500;letter-spacing:-.02em;color:var(--text)}:root[data-design=khatt] .metric-note{color:var(--text-2)}:root[data-design=khatt] .tone-warn{color:var(--warn)}:root[data-design=khatt] .tone-err{color:var(--err)}:root[data-design=khatt] .tone-ok{color:var(--ok)}:root[data-design=khatt] .card{background:var(--surface);border:1px solid var(--line);border-block-start-color:var(--text);border-radius:0;box-shadow:none}:root[data-design=khatt] .card-head{border-block-end:1px solid var(--line)}:root[data-design=khatt] .card-title{font-weight:600;letter-spacing:0}:root[data-design=khatt] .table-wrap{border-radius:0;box-shadow:none}:root[data-design=khatt] table.grid th{background:var(--surface);color:var(--text-2);font-weight:500;border-block-end:1px solid var(--text)}:root[data-design=khatt] table.grid td{border-color:var(--line)}:root[data-design=khatt] .tabs{border-block-end:1px solid var(--line)}:root[data-design=khatt] .tab{border-radius:0;background:transparent}:root[data-design=khatt] .tab.active,:root[data-design=khatt] .tab[aria-selected=true]{background:transparent;color:var(--text);box-shadow:inset 0 -2px 0 var(--brand-500)}:root[data-design=khatt] .btn{border-radius:2px;box-shadow:none}:root[data-design=khatt] .btn.primary{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent)}:root[data-design=khatt] .btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}:root[data-design=khatt] .btn.ghost{background:transparent}:root[data-design=khatt] .btn:active{transform:scale(.97)}:root[data-design=khatt] .badge,:root[data-design=khatt] .chip{border-radius:999px}:root[data-design=khatt] .chip{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}:root[data-design=khatt] :is(input:not([type=checkbox]):not([type=radio]),select,textarea){border-radius:2px;box-shadow:none}:root[data-design=khatt] .modal{border:1px solid var(--text);border-radius:2px;box-shadow:var(--shadow-lg)}:root[data-design=khatt] .modal-head{border-block-end:1px solid var(--line)}:root[data-design=khatt] .modal-title{font-weight:600;letter-spacing:0}:root[data-design=khatt] .modal-foot{border-block-start:1px solid var(--line);background:var(--surface)}:root[data-design=khatt] .alert{border-radius:0;border:0;border-inline-start:2px solid currentColor}:root[data-design=khatt] .empty-title{font-weight:600}:root[data-design=khatt] .trail-dot{box-shadow:none}:root[data-design=khatt] .trail-step.is-current .trail-dot{background:var(--brand-500)}:root[data-design=khatt] .pq-chip{border-radius:999px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}:root[data-design=khatt] .pq-chip.on{box-shadow:inset 0 0 0 1px var(--text);color:var(--text)}:root[data-design=khatt] .pq-n{font-family:var(--font-mono)}:root[data-design=khatt] .sum-list{gap:0}:root[data-design=khatt] .sum-list li{background:transparent;border-radius:0;border-block-start:1px solid var(--line);padding:10px 4px}:root[data-design=khatt] .sum-list li.click:hover{background:var(--row-hover)}:root[data-design=khatt] .progress-bar{height:3px;border:0;border-radius:0;background:var(--line)}:root[data-design=khatt] .progress-fill,:root[data-design=khatt] .progress-fill.mid,:root[data-design=khatt] .progress-fill.done{border-radius:0;background:var(--text)}:root[data-design=khatt] .progress-n{font-family:var(--font-mono)}:root[data-design=khatt] .pp-sbar{height:4px;border-radius:0;background:var(--line)}:root[data-design=khatt] .pp-sbar div{border-radius:0;background:var(--text)}:root[data-design=khatt] .pp-tasks li.late .pp-task-meta{color:var(--err)}:root[data-design=khatt] .my-board .design-motif{position:absolute;inset-block-start:4px;inset-inline-end:var(--sp-6);width:180px;height:64px;z-index:0}:root[data-design=khatt] .my-board>.page-head{padding-inline-end:200px}:root[data-design=khatt] .my-board .page-title{font-family:var(--font-display);font-weight:700;font-size:34px;line-height:1.35}:root[data-design=khatt] .my-congrats,:root[data-design=khatt] .my-eval-reminder{background:var(--surface);border:0;border-block:1px solid var(--line);border-radius:0;box-shadow:none}:root[data-design=khatt] .my-empty{border:1px dashed var(--line);border-radius:0;background:var(--surface)}:root[data-design=khatt] .my-project{background:var(--surface);border:0;border-block-start:1px solid var(--line);border-radius:0;box-shadow:none}:root[data-design=khatt] .my-project:hover{background:var(--row-hover)}:root[data-design=khatt] .mp-head{font-weight:500}:root[data-design=khatt] .mp-row{color:var(--text-2)}:root[data-design=khatt] .mp-budget{font-family:var(--font-mono)}:root[data-design=khatt] .auth-brand{background:var(--bg);color:var(--text);border-inline-end:1px solid var(--line);padding:clamp(22px,4.4vh,44px) clamp(16px,3.5vw,60px)}:root[data-design=khatt] .auth-brand>div:last-child:empty{display:none}:root[data-design=khatt] .auth-brand-top{gap:12px}:root[data-design=khatt] .da-mark[data-tone=light] img{width:32px;height:32px}:root[data-design=khatt] .auth-org{font-size:15px;font-weight:600;letter-spacing:0}:root[data-design=khatt] .auth-motto{font-size:12.5px;opacity:1;color:var(--text-2)}:root[data-design=khatt] .auth-pill{background:transparent;border:1px solid var(--line);color:var(--text-2);padding:4px 12px;font-size:12px;font-weight:500;margin-block-end:14px}:root[data-design=khatt] .auth-dot{background:var(--text);width:6px;height:6px}:root[data-design=khatt] .auth-wordmark{width:fit-content;font-size:clamp(26px,2.3vw,32px);font-weight:600;letter-spacing:0;margin:0 0 6px}:root[data-design=khatt] .auth-blurb{font-size:14px;opacity:1;color:var(--text-2);line-height:1.6}:root[data-design=khatt] .auth-main{background:var(--surface)}:root[data-design=khatt] .lang-chip{height:32px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:12.5px;font-weight:500}:root[data-design=khatt] .lang-chip:hover{border-color:var(--text)}:root[data-design=khatt] .auth-card{width:min(400px,100%)}:root[data-design=khatt] .auth-eyebrow{color:var(--text-2);font-weight:500;margin-block-end:10px}:root[data-design=khatt] .auth-rule{width:24px;height:1px;border-radius:0;background:var(--text)}:root[data-design=khatt] .auth-title{font-size:clamp(30px,2.6vw,38px);font-weight:600;letter-spacing:0;color:var(--text);line-height:1.3;margin-block-end:6px}:root[data-design=khatt] .auth-title span{color:inherit}:root[data-design=khatt] .auth-sub{color:var(--text-2);margin-block-end:18px}:root[data-design=khatt] .auth-chip{background:transparent;color:var(--text);box-shadow:inset 0 0 0 1px var(--text);border-radius:999px;padding:6px 14px;font-size:12.5px;font-weight:500;margin-block-end:8px}:root[data-design=khatt] .auth-chip .icon{width:15px;height:15px}:root[data-design=khatt] .login-form .field label{font-weight:500;color:var(--text)}:root[data-design=khatt] .login-form input{height:42px;padding-inline:0;border:0;border-block-end:1px solid var(--control-line);border-radius:0;background:transparent;box-shadow:none;transition:border-color .14s ease,box-shadow .14s ease}:root[data-design=khatt] .login-form input:focus{border-block-end-color:var(--focus);box-shadow:0 1px 0 var(--focus)}:root[data-design=khatt] .pw-wrap input{padding-inline-end:40px}:root[data-design=khatt] .pw-toggle{border-radius:2px;inset-inline-end:0}:root[data-design=khatt] .login-form .btn.primary.lg{height:48px;border-radius:2px;font-size:15px;font-weight:600;box-shadow:none;transition:background-color .14s ease,transform .12s cubic-bezier(.23,1,.32,1)}:root[data-design=khatt] .auth-rule-h{background:var(--line);margin:22px 0 12px}:root[data-design=khatt] .auth-copy{font-size:12px;color:var(--text-2)}:root[data-design=khatt] .design-pick-label{font-size:12.5px;font-weight:500;color:var(--text-2)}:root[data-design=khatt] .design-pick-item{border-color:transparent;background:transparent;border-radius:2px;color:var(--text-2)}:root[data-design=khatt] .design-pick-item:hover{border-color:transparent;background:var(--surface-3);color:var(--text)}:root[data-design=khatt] .design-pick-item[aria-checked=true]{border-color:transparent;background:transparent;color:var(--text);box-shadow:inset 0 -2px 0 var(--brand-500)}:root[data-design=khatt] .design-pick-chip{width:24px;height:24px;box-shadow:0 0 0 1px #00000029}@media(max-height:760px)and (min-width:901px){:root[data-design=khatt] .auth-main{padding-block:24px;gap:14px}:root[data-design=khatt] .auth-sub{margin-block-end:12px}:root[data-design=khatt] .auth-rule-h{margin:14px 0 8px}:root[data-design=khatt] .design-pick-item{padding-block:6px 4px}}@media(max-width:1024px){:root[data-design=khatt] .sidebar{box-shadow:var(--shadow-lg)}:root[data-design=khatt] .my-board .design-motif{width:150px;height:54px}:root[data-design=khatt] .my-board>.page-head{padding-inline-end:160px}}@media(max-width:900px){:root[data-design=khatt] .auth-brand{min-height:280px;padding:16px clamp(16px,7vw,60px);border-inline-end:0;border-block-end:1px solid var(--line)}:root[data-design=khatt] .auth-pill{display:none}:root[data-design=khatt] .auth-wordmark{font-size:22px;margin:0}:root[data-design=khatt] .auth-blurb{font-size:12.5px}:root[data-design=khatt] .auth-org{font-size:14px}}@media(max-width:640px){:root[data-design=khatt] .my-board .design-motif{position:relative;inset:auto;width:150px;height:50px;margin-inline-start:auto;order:-1}:root[data-design=khatt] .my-board>.page-head{padding-inline-end:0}:root[data-design=khatt] .metric{border-block-start:1px solid var(--line)}}@media(prefers-reduced-motion:reduce){:root[data-design=khatt] .login-form input,:root[data-design=khatt] .login-form .btn.primary.lg{transition:none}:root[data-design=khatt] .btn:active{transform:none}}:root[data-design=zakhrafa]{--z-deep: #0B2A20;--z-mid: #12382B;--z-brass: #C8A45A;--z-pale: #E6CF97;--z-ivory: #F3EDDF;--z-input: #0E3326;--z-rule: rgba(200, 164, 90, .45);--z-rule-2: rgba(200, 164, 90, .22);--z-star: polygon(50% 0, 64.64% 14.64%, 85.36% 14.64%, 85.36% 35.36%, 100% 50%, 85.36% 64.64%, 85.36% 85.36%, 64.64% 85.36%, 50% 100%, 35.36% 85.36%, 14.64% 85.36%, 14.64% 64.64%, 0 50%, 14.64% 35.36%, 14.64% 14.64%, 35.36% 14.64%);--z-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;--font-ar: "Readex Pro", "Noto Sans Arabic", "Segoe UI", system-ui, sans-serif;--font-en: "Readex Pro", "Segoe UI", system-ui, sans-serif;--font-display: "Reem Kufi", "Readex Pro", "Noto Sans Arabic", sans-serif;--bg: #F5F7F3;--surface: #FFFFFF;--surface-2: #F8FAF6;--surface-3: #EEF2EB;--line: #E1E6DE;--line-soft: #EAEEE7;--control-line: #7D8A80;--text: #13241B;--text-2: #3C4A42;--text-3: #56635B;--text-invert: #FFFFFF;--nav-bg: #0B2A20;--nav-hover: #12382B;--nav-text: #F3EDDF;--nav-muted: #C9C7B5;--nav-line: #1F4436;--nav-group-bg: #0F3025;--nav-active-bg: #1D4A39;--nav-active-text: #F3EDDF;--accent: #1E7334;--accent-fill: #23803A;--accent-hover: #1C6E31;--accent-soft: #E3F1E4;--accent-text: #175F2B;--accent-line: #B9D9BE;--on-accent: #FFFFFF;--row-hover: #F6F8F3;--row-selected: #EAF3EA;--focus: #23803A;--ok: #17622A;--ok-soft: #DDF3DF;--warn: #6E4F08;--warn-soft: #F8E9BD;--err: #962B1A;--err-soft: #FBE1DC;--info: #44536B;--info-soft: #E3E8F0;--on-status: #FFFFFF;--brand-500: #2F9F3D;--brand-700: #23803A;--series-1: #2F9F3D;--series-2: #C8A45A;--series-3: #12382B;--series-4: #7FB58A;--series-5: #8C6D2C;--series-6: #44536B;--series-7: #B5C99A;--series-8: #5E8C6A;--r-xs: 2px;--r-sm: 4px;--r-md: 6px;--r-lg: 8px;--r-xl: 12px;--shadow-sm: 0 1px 0 rgba(11, 42, 32, .05);--shadow-btn: 0 1px 0 rgba(11, 42, 32, .14);--shadow-md: 0 4px 14px rgba(11, 42, 32, .08);--shadow-lg: 0 18px 40px rgba(11, 42, 32, .18);--scrim: rgba(11, 42, 32, .45);color-scheme:light}:root[data-design=zakhrafa] .sidebar{background:var(--z-deep);border-inline-end:1px solid #2B4B3C}:root[data-design=zakhrafa] .brand{border-block-end:0;position:relative;z-index:1;box-shadow:0 1px 0 var(--z-rule),0 4px 0 var(--z-deep),0 5px 0 var(--z-rule-2)}:root[data-design=zakhrafa] .brand-mark{background:var(--accent-fill);color:#fff;font-family:var(--z-mono);font-weight:700;letter-spacing:0;box-shadow:inset 0 0 0 1px #ffffff2e}:root[data-design=zakhrafa] .brand-name{color:var(--z-ivory);font-weight:600;letter-spacing:0}:root[data-design=zakhrafa] .brand-org{color:var(--z-pale)}:root[data-design=zakhrafa] .nav-item .icon,:root[data-design=zakhrafa] .nav-group .icon{color:#d9c48e}:root[data-design=zakhrafa] .nav-group-items{border-inline-start:1px solid rgba(200,164,90,.24)}:root[data-design=zakhrafa] .nav-item.active,:root[data-design=zakhrafa] .nav-item.active:hover{box-shadow:inset 0 0 0 1px #c8a45a4d}:root[data-design=zakhrafa] .nav-item.active .icon{color:var(--z-pale)}:root[data-design=zakhrafa] .nav-item.active:after{content:"";flex:none;width:9px;height:9px;margin-inline-start:auto;background:var(--z-brass);clip-path:var(--z-star)}:root[data-design=zakhrafa] .collapsed .nav-item.active:after{display:none}:root[data-design=zakhrafa] .nav-badge{background:var(--z-brass);color:var(--z-deep)}:root[data-design=zakhrafa] .nav-count{color:var(--nav-muted)}:root[data-design=zakhrafa] .sidebar-foot{border-block-start:1px solid rgba(200,164,90,.22)}:root[data-design=zakhrafa] .topbar{background:var(--bg);border-block-end:1px solid var(--line)}:root[data-design=zakhrafa] .search input{border-radius:6px;background:var(--surface)}:root[data-design=zakhrafa] .avatar{background:var(--z-mid);color:var(--z-pale);box-shadow:inset 0 0 0 1px #c8a45a8c}:root[data-design=zakhrafa] .kbd{background:var(--surface-2);font-family:var(--z-mono)}:root[data-design=zakhrafa] .tf-nag{border-color:#d9be7e;background:#fbf4e1}:root[data-design=zakhrafa] .page-title{font-family:var(--font-display);font-weight:600;font-size:26px;line-height:1.4;letter-spacing:0}:root[data-design=zakhrafa] .page-sub{color:var(--text-2)}:root[data-design=zakhrafa] :is(.card-title,.modal-title,.empty-title,.fieldset-title){font-family:var(--font-display);font-weight:600;letter-spacing:0}:root[data-design=zakhrafa] .card-title{font-size:16px}:root[data-design=zakhrafa] .metrics{gap:10px}:root[data-design=zakhrafa] .metric{border-radius:8px;border-color:var(--line);padding:10px 14px 12px}:root[data-design=zakhrafa] .metric-label{color:var(--text-2)}:root[data-design=zakhrafa] .metric-label .icon{color:var(--accent)}:root[data-design=zakhrafa] .metric-value{font-family:var(--z-mono);font-weight:600;font-size:26px;letter-spacing:0}:root[data-design=zakhrafa] .metric-value.tone-warn{color:var(--warn)}:root[data-design=zakhrafa] .metric-value.tone-err{color:var(--err)}:root[data-design=zakhrafa] .metric-value.tone-ok{color:var(--ok)}:root[data-design=zakhrafa] .metric-note{color:var(--text-3)}:root[data-design=zakhrafa] .card{border-radius:8px;border-color:var(--line)}:root[data-design=zakhrafa] .card-head{border-block-end-color:var(--line-soft);min-height:46px}:root[data-design=zakhrafa] .table-wrap{border-radius:8px}:root[data-design=zakhrafa] table.grid th{background:#f1f4ee;color:var(--text-2);border-block-end:1px solid var(--line);font-weight:600}:root[data-design=zakhrafa] .tabs{border-block-end:1px solid var(--line)}:root[data-design=zakhrafa] .tab.active{color:var(--text);border-block-end-color:var(--accent-fill)}:root[data-design=zakhrafa] .btn{border-radius:6px}:root[data-design=zakhrafa] .btn.primary{background:var(--accent-fill);border-color:var(--accent-fill)}:root[data-design=zakhrafa] .badge{border-radius:4px}:root[data-design=zakhrafa] .chip.active,:root[data-design=zakhrafa] .pq-chip.on{background:var(--z-deep);border-color:var(--z-deep);color:var(--z-ivory)}:root[data-design=zakhrafa] .pq-chip.on .pq-n{background:#e6cf9733;color:var(--z-pale)}:root[data-design=zakhrafa] .pq-item{border-radius:8px;border-inline-start:3px solid var(--z-brass)}:root[data-design=zakhrafa] .pq-step{background:#f6edd3}:root[data-design=zakhrafa] .pq-list{background:var(--surface-3)}:root[data-design=zakhrafa] :is(input[type=text],input[type=email],input[type=password],input[type=date],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=datetime-local],input[type=url],select,textarea,.field input:not([type])):not(.cell-edit){border-radius:6px}:root[data-design=zakhrafa] :is(input,select,textarea):focus{border-color:var(--focus)}:root[data-design=zakhrafa] .modal{border-radius:10px;box-shadow:var(--shadow-lg),inset 0 3px 0 var(--z-deep),inset 0 4px 0 var(--z-brass);padding-block-start:4px}:root[data-design=zakhrafa] .modal-title{font-size:19px}:root[data-design=zakhrafa] .modal-head{border-block-end-color:var(--line-soft)}:root[data-design=zakhrafa] .modal-foot{border-block-start-color:var(--line-soft)}:root[data-design=zakhrafa] .alert{border-radius:6px}:root[data-design=zakhrafa] .trail-step.is-current .trail-dot{border-color:var(--z-brass);color:var(--warn);box-shadow:0 0 0 4px #f6edd3}:root[data-design=zakhrafa] .trail-step.is-current .trail-meta{color:var(--warn)}:root[data-design=zakhrafa] .sum-list li{background:var(--surface-2);border-radius:6px}:root[data-design=zakhrafa] .pp-tasks li{background:var(--surface-2);border-inline-start-color:var(--accent-fill)}:root[data-design=zakhrafa] .pp-tasks li.late{border-inline-start-color:var(--err)}:root[data-design=zakhrafa] .pp-sbar div,:root[data-design=zakhrafa] .bb-approved{background:var(--brand-500)}:root[data-design=zakhrafa] .my-board>.page-head{order:-1;margin-block-end:12px}:root[data-design=zakhrafa] .design-motif{position:relative;height:40px;margin-block:0 16px}:root[data-design=zakhrafa] .my-congrats{background:#fbf6e6;border:1px solid #E6D3A2;border-radius:8px}:root[data-design=zakhrafa] .my-congrats>.icon{color:#8c6d2c}:root[data-design=zakhrafa] .my-eval-reminder{background:var(--surface);border:1px solid var(--line);border-inline-start:3px solid var(--z-brass);border-radius:8px}:root[data-design=zakhrafa] .my-eval-reminder>.icon{color:var(--accent)}:root[data-design=zakhrafa] .my-eval-reminder b{color:var(--text);font-family:var(--font-display);font-weight:600}:root[data-design=zakhrafa] .my-empty{color:var(--ok)}:root[data-design=zakhrafa] .my-project{border-radius:6px;background:var(--surface-2);border-color:var(--line-soft)}:root[data-design=zakhrafa] .my-project:hover{border-color:var(--accent-line);background:var(--row-selected)}:root[data-design=zakhrafa] .mp-head b{font-weight:600}:root[data-design=zakhrafa] :is(.mp-row,.mp-budget){color:var(--text-2)}:root[data-design=zakhrafa] .auth-brand{padding:0;gap:0;justify-content:flex-start;background:var(--z-deep);color:var(--z-ivory)}:root[data-design=zakhrafa] .auth-brand>div:not(.auth-art):empty{display:none}:root[data-design=zakhrafa] .auth-brand-top{padding:20px clamp(24px,3vw,44px);background:var(--z-deep);box-shadow:0 1px 0 var(--z-rule),0 4px 0 var(--z-deep),0 5px 0 var(--z-rule-2)}:root[data-design=zakhrafa] .auth-brand-mid{margin-block-start:auto;max-width:none;padding:26px clamp(24px,3vw,44px) clamp(24px,4.4vh,40px);background:var(--z-deep);box-shadow:0 -1px 0 var(--z-rule),0 -4px 0 var(--z-deep),0 -5px 0 var(--z-rule-2)}:root[data-design=zakhrafa] .da-mark[data-tone=light] img{width:40px;height:40px}:root[data-design=zakhrafa] .auth-org{font-family:var(--font-display);font-weight:600;font-size:17px;letter-spacing:0;color:var(--z-ivory)}:root[data-design=zakhrafa] .auth-motto{color:var(--z-pale);opacity:1}:root[data-design=zakhrafa] .auth-pill{background:transparent;border:1px solid rgba(200,164,90,.55);color:var(--z-pale);padding:5px 12px;margin-block-end:16px;font-weight:500}:root[data-design=zakhrafa] .auth-dot{width:9px;height:9px;border-radius:0;background:var(--z-brass);clip-path:var(--z-star)}:root[data-design=zakhrafa] .auth-wordmark{font-family:var(--font-display);font-weight:600;letter-spacing:.01em;color:var(--z-ivory);font-size:clamp(46px,5.2vw,84px);line-height:1;margin-block-end:10px}:root[data-design=zakhrafa][dir=rtl] .auth-wordmark{text-align:right}:root[data-design=zakhrafa] .auth-blurb{color:var(--z-pale);opacity:1;font-weight:300}:root[data-design=zakhrafa] .auth-main{--surface: #0E3326;--surface-2: #133D2F;--surface-3: #184535;--line: #2F5747;--line-soft: #28503F;--control-line: #8A845E;--text: #F3EDDF;--text-2: #D8D3C3;--text-3: #BDBBA9;--accent: #E6CF97;--accent-soft: #1D4A39;--accent-text: #F3EDDF;--focus: #E6CF97;background:var(--z-mid);color:var(--z-ivory);border-inline-start:1px solid rgba(200,164,90,.34);padding-block:clamp(20px,4vh,40px);gap:clamp(14px,2.4vh,24px)}:root[data-design=zakhrafa] .lang-chip{background:transparent;border-color:#f3eddf4d;color:var(--z-ivory);border-radius:999px}:root[data-design=zakhrafa] .lang-chip:hover{border-color:var(--z-pale)}:root[data-design=zakhrafa] .lang-chip .icon{color:var(--z-pale)}:root[data-design=zakhrafa] .auth-eyebrow{color:var(--z-pale);font-weight:600;margin-block-end:10px}:root[data-design=zakhrafa] .auth-rule{width:11px;height:11px;border-radius:0;background:var(--z-brass);clip-path:var(--z-star)}:root[data-design=zakhrafa] .auth-title{font-family:var(--font-display);font-weight:600;letter-spacing:0;color:var(--z-ivory);font-size:clamp(32px,2.9vw,42px);line-height:1.3;margin-block-end:6px}:root[data-design=zakhrafa] .auth-title span{color:inherit}:root[data-design=zakhrafa] .auth-sub{color:var(--text-2);margin-block-end:16px}:root[data-design=zakhrafa] .auth-chip{background:transparent;color:var(--z-pale);border:1px solid rgba(200,164,90,.45);border-radius:999px;padding:6px 14px;font-weight:500;margin-block-end:6px}:root[data-design=zakhrafa] .auth-main :is(input[type=email],input[type=password],input[type=text],.totp-in){background:var(--z-input);border-color:var(--control-line);color:var(--z-ivory)}:root[data-design=zakhrafa] .auth-main :is(input[type=email],input[type=password],input[type=text]):hover{border-color:#b9ab7c}:root[data-design=zakhrafa] .auth-main :is(input,.totp-in):focus{border-color:var(--z-pale)}:root[data-design=zakhrafa] .auth-main input::placeholder{color:#a9ae9f}:root[data-design=zakhrafa] .pw-toggle{color:var(--text-3)}:root[data-design=zakhrafa] .pw-toggle:hover{color:var(--z-ivory);background:#f3eddf14}:root[data-design=zakhrafa] .pw-toggle[aria-pressed=true]{color:var(--z-pale)}:root[data-design=zakhrafa] .login-form .btn.primary.lg{border-radius:6px;box-shadow:inset 0 0 0 1px #ffffff38;font-weight:600}:root[data-design=zakhrafa] .login-reveal{color:var(--z-pale)}:root[data-design=zakhrafa] .auth-rule-h{background:#c8a45a47;margin-block:18px 12px}:root[data-design=zakhrafa] .auth-copy{color:var(--text-3)}:root[data-design=zakhrafa] .design-pick-label{color:var(--text-2)}:root[data-design=zakhrafa] .design-pick-item{border-radius:6px}:root[data-design=zakhrafa] .design-pick-item[aria-checked=true]{border-color:var(--z-pale);box-shadow:inset 0 0 0 1px var(--z-pale);background:#174233;color:var(--z-ivory)}:root[data-design=zakhrafa] .design-pick-chip{border-radius:0;box-shadow:none;clip-path:var(--z-star)}@media(max-width:1024px){:root[data-design=zakhrafa] .sidebar{border-inline-end:1px solid rgba(200,164,90,.35)}}@media(max-width:900px){:root[data-design=zakhrafa] .auth-brand{padding:18px 20px 20px;gap:12px;justify-content:space-between;min-height:250px}:root[data-design=zakhrafa] :is(.auth-brand-top,.auth-brand-mid){background:transparent;box-shadow:none;padding:0}:root[data-design=zakhrafa] .auth-brand-mid{margin-block-start:0}:root[data-design=zakhrafa] .auth-brand :is(.auth-org,.auth-motto,.auth-wordmark,.auth-blurb){text-shadow:0 0 12px var(--z-deep),0 0 3px var(--z-deep)}:root[data-design=zakhrafa] .auth-pill{background:#0b2a20db;margin-block-end:10px}:root[data-design=zakhrafa] .auth-wordmark{font-size:clamp(36px,11vw,52px);margin-block-end:4px}:root[data-design=zakhrafa] .auth-main{border-inline-start:0;border-block-start:1px solid rgba(200,164,90,.34);padding-block:24px 28px}:root[data-design=zakhrafa] .design-motif{height:36px;margin-block-end:12px}}@media(prefers-reduced-motion:reduce){:root[data-design=zakhrafa] :is(.design-pick-item,.nav-item,.my-project){transition:none}}:root[data-design=suqya]{--font-ar: "Readex Pro", "Noto Sans Arabic", "Segoe UI", system-ui, sans-serif;--font-en: "Readex Pro", "Segoe UI", system-ui, sans-serif;--font-display: "Readex Pro", "Noto Sans Arabic", "Segoe UI", system-ui, sans-serif;--bg: #F3F8F7;--surface: #FFFFFF;--surface-2: #F7FBFA;--surface-3: #EDF4F3;--line: #DCE9E7;--line-soft: #E8F0EF;--control-line: #6F8C89;--text: #10292B;--text-2: #3D5859;--text-3: #54706F;--text-invert: #FFFFFF;--nav-bg: #FFFFFF;--nav-hover: #EEF6F5;--nav-text: #10292B;--nav-muted: #54706F;--nav-line: #E3EDEC;--nav-group-bg: #F7FBFA;--nav-active-bg: #E5F4E7;--nav-active-text: #1B6E31;--accent: #1E7A34;--accent-fill: #23803A;--accent-hover: #1E7033;--accent-soft: #E5F4E7;--accent-text: #17622B;--accent-line: #B5DDBB;--on-accent: #FFFFFF;--row-hover: #F1F7F6;--row-selected: #E6F2F0;--focus: #2F9F3D;--ok: #17632A;--ok-soft: #DDF3DF;--warn: #6B4C06;--warn-soft: #F8E9BD;--err: #8E2A1A;--err-soft: #FBE1DC;--info: #0B5754;--info-soft: #DFF1EF;--on-status: #FFFFFF;--brand-500: #2F9F3D;--brand-700: #23803A;--series-1: #2F9F3D;--series-2: #127D7A;--series-3: #0B4A50;--series-4: #6BB7AE;--series-5: #C49A3A;--series-6: #8CCB95;--series-7: #4F7F9A;--series-8: #A9C6C2;--r-xs: 4px;--r-sm: 8px;--r-md: 10px;--r-lg: 14px;--r-xl: 18px;--shadow-sm: 0 1px 2px rgba(16, 41, 43, .05);--shadow-btn: 0 1px 1px rgba(16, 41, 43, .08);--shadow-md: 0 6px 18px rgba(16, 41, 43, .08);--shadow-lg: 0 22px 48px rgba(16, 41, 43, .18);--scrim: rgba(4, 31, 36, .42);color-scheme:light}:root[data-design=suqya] .sidebar{background:var(--nav-bg);border-inline-end:1px solid var(--line)}:root[data-design=suqya] .brand{border-block-end-color:var(--line-soft)}:root[data-design=suqya] .brand-name{color:var(--text);font-weight:600;letter-spacing:0}:root[data-design=suqya] .brand-org{color:var(--text-3)}:root[data-design=suqya] .nav-item,:root[data-design=suqya] .nav-group{border-radius:8px}:root[data-design=suqya] .nav-item .icon,:root[data-design=suqya] .nav-group .icon{color:var(--text-3)}:root[data-design=suqya] .nav-item:hover .icon,:root[data-design=suqya] .nav-group:hover .icon{color:var(--text-2)}:root[data-design=suqya] .nav-group-items{border-inline-start:1px solid var(--line-soft)}:root[data-design=suqya] .nav-item.active:before{content:"";position:absolute;inset-block:8px;inset-inline-start:0;width:3px;border-radius:3px;background:var(--brand-500)}:root[data-design=suqya] .nav-item.active .icon{color:var(--brand-500)}:root[data-design=suqya] .nav-badge{background:var(--accent-soft);color:var(--accent-text);font-family:var(--font-mono);font-weight:600}:root[data-design=suqya] .nav-count{font-family:var(--font-mono);color:var(--text-3)}:root[data-design=suqya] .sidebar-foot{border-block-start:1px solid var(--line-soft)}:root[data-design=suqya] .topbar{background:var(--bg);border-block-end:1px solid var(--line);box-shadow:none}:root[data-design=suqya] .search input{border-radius:10px;background:var(--surface)}:root[data-design=suqya] .avatar{background:#e2f1ef;color:#0e6663}:root[data-design=suqya] .kbd{font-family:var(--font-mono);background:var(--surface-2);border-color:var(--line);color:var(--text-3)}:root[data-design=suqya] .tf-nag{border-color:#ead9a6;background:var(--warn-soft);color:var(--warn)}:root[data-design=suqya] .page-title{font-size:26px;font-weight:400;line-height:1.35;letter-spacing:0;color:var(--text)}:root[data-design=suqya] .page-sub{color:var(--text-3);font-size:13.5px}:root[data-design=suqya] .card-title,:root[data-design=suqya] .modal-title{letter-spacing:0}:root[data-design=suqya] .metrics{display:flex;flex-wrap:wrap;gap:1px;background:var(--line-soft);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}:root[data-design=suqya] .metric{flex:1 1 160px;min-width:0;border:0;border-radius:0;background:var(--surface);box-shadow:none;padding:14px 16px 12px;min-height:96px}:root[data-design=suqya] .metric-label{color:var(--text-3);font-size:12.5px}:root[data-design=suqya] .metric-label .icon{color:#0e6663}:root[data-design=suqya] .metric-value{font-family:var(--font-mono);font-size:30px;font-weight:600;line-height:1.15;color:var(--text)}:root[data-design=suqya] .metric-value.tone-warn{color:var(--warn)}:root[data-design=suqya] .metric-value.tone-err{color:var(--err)}:root[data-design=suqya] .metric-value.tone-ok{color:var(--ok)}:root[data-design=suqya] .metric-note{color:var(--text-3)}:root[data-design=suqya] .card{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:none}:root[data-design=suqya] .card-head{border-block-end:1px solid var(--line-soft);min-height:50px}:root[data-design=suqya] .card-title{font-size:15px;font-weight:600}:root[data-design=suqya] .table-wrap{border-color:var(--line);border-radius:var(--r-lg)}:root[data-design=suqya] table.grid th{background:var(--surface-2);color:var(--text-3);font-weight:500;border-block-end:1px solid var(--line)}:root[data-design=suqya] .tabs{border-block-end:1px solid var(--line)}:root[data-design=suqya] .tab.active{color:var(--text);border-block-end-color:var(--brand-500)}:root[data-design=suqya] .btn{border-radius:9px}:root[data-design=suqya] .btn.primary{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent)}:root[data-design=suqya] .btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}:root[data-design=suqya] .btn.ghost:hover{background:var(--row-hover)}:root[data-design=suqya] .badge,:root[data-design=suqya] .chip{border-radius:999px;font-weight:500}:root[data-design=suqya] .chip.active,:root[data-design=suqya] .pq-chip.on{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-text)}:root[data-design=suqya] .pq-chip.on .pq-n{background:var(--surface);color:var(--accent-text)}:root[data-design=suqya] .pq-chip .pq-n,:root[data-design=suqya] .pq-ref{font-family:var(--font-mono)}:root[data-design=suqya] .pq-item{border-radius:var(--r-md);border-inline-start-color:#127d7a}:root[data-design=suqya] .pq-list{background:var(--surface-3)}:root[data-design=suqya] input:focus,:root[data-design=suqya] select:focus,:root[data-design=suqya] textarea:focus{border-color:var(--focus)}:root[data-design=suqya] .modal{border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-lg)}:root[data-design=suqya] .modal-head{border-block-end:1px solid var(--line-soft)}:root[data-design=suqya] .modal-title{font-size:17px;font-weight:600}:root[data-design=suqya] .modal-foot{border-block-start:1px solid var(--line-soft);background:var(--surface-2)}:root[data-design=suqya] .alert{border-radius:var(--r-md)}:root[data-design=suqya] .empty-title{font-weight:500}:root[data-design=suqya] .trail-step.is-current .trail-dot{border-color:var(--brand-500);color:var(--accent-text);box-shadow:0 0 0 4px var(--accent-soft)}:root[data-design=suqya] .trail-step.is-current .trail-meta{color:var(--accent-text)}:root[data-design=suqya] .sum-list{gap:0}:root[data-design=suqya] .sum-list li{background:transparent;border-radius:6px;border-block-end:1px solid var(--line-soft);padding:8px 6px}:root[data-design=suqya] .sum-list li:last-child{border-block-end:0}:root[data-design=suqya] .sum-list li.click:hover{background:var(--row-hover)}:root[data-design=suqya] .sum-list li>b{font-family:var(--font-mono);font-weight:600;min-width:28px;padding:1px 8px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);text-align:center}:root[data-design=suqya] .pp-sbar{height:6px;background:#e2f1ef}:root[data-design=suqya] .pp-sbar div{background:#127d7a}:root[data-design=suqya] .pp-tasks li{background:var(--surface-2);border-inline-start-color:#127d7a}:root[data-design=suqya] .pp-tasks li.late{border-inline-start-color:var(--err)}:root[data-design=suqya] .my-board{isolation:isolate}:root[data-design=suqya] .my-board>.page-head{position:relative;z-index:1}:root[data-design=suqya] .my-congrats,:root[data-design=suqya] .my-eval-reminder{background:#eef7f5;border:1px solid #D2E8E4;border-radius:var(--r-md)}:root[data-design=suqya] .my-eval-reminder>.icon{color:#0e6663}:root[data-design=suqya] .my-empty{color:var(--ok)}:root[data-design=suqya] .my-project{background:var(--surface-2);border-color:var(--line-soft);border-radius:var(--r-md)}:root[data-design=suqya] .my-project:hover{background:var(--row-hover);border-color:#bfdcd7}:root[data-design=suqya] .mp-head .code{font-family:var(--font-mono);color:var(--accent)}:root[data-design=suqya] .mp-row,:root[data-design=suqya] .mp-budget{color:var(--text-3)}:root[data-design=suqya] .my-board>.design-motif{position:absolute;inset-inline:-8px;inset-block-start:-12px;height:156px;z-index:-1;overflow:hidden;border-radius:var(--r-lg);background:linear-gradient(180deg,#127d7a1c,#127d7a0d 55%,#127d7a00);-webkit-mask-image:radial-gradient(130% 110% at 50% 0%,#000 40%,transparent 100%);mask-image:radial-gradient(130% 110% at 50% 0%,#000 40%,transparent 100%)}:root[data-design=suqya] .auth-brand{display:block;padding:0;color:#eaf6f4;background:radial-gradient(56% 50% at 50% 50%,#127d7a29,#127d7a00 74%),#041f24}:root[data-design=suqya] .auth-art{--suqya-top: 104px;--suqya-bottom: 78px;--suqya-side: 28px}:root[data-design=suqya] .auth .auth-brand>.auth-brand-top{position:absolute;inset-block-start:34px;inset-inline-start:40px;gap:12px}:root[data-design=suqya] .auth .auth-brand>.auth-brand-mid{position:static;max-width:none}:root[data-design=suqya] .auth .auth-brand>div:last-child:empty{display:none}:root[data-design=suqya] .da-mark[data-tone=light] img{width:38px;height:38px}:root[data-design=suqya] .auth-org{font-size:15px;font-weight:500;letter-spacing:0;color:#eaf6f4}:root[data-design=suqya] .auth-motto{font-size:12px;opacity:1;color:#9cc5c0}:root[data-design=suqya] .auth-pill{position:absolute;z-index:1;inset-block-start:38px;inset-inline-end:40px;margin:0;padding:5px 12px;gap:8px;background:#041e22b8;border:1px solid #1D5057;color:#cde6e2;font-size:12px;font-weight:500}:root[data-design=suqya] .auth-dot{width:6px;height:6px;background:#7ddb8a}:root[data-design=suqya] .auth-wordmark{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}:root[data-design=suqya] .auth-blurb{position:absolute;z-index:1;inset-inline:40px;inset-block-end:30px;max-width:none;margin:0;text-align:center;font-size:16px;font-weight:300;line-height:1.5;opacity:1;color:#cde6e2}:root[data-design=suqya] .auth-main{--surface: #041E22;--surface-2: #0A3036;--surface-3: #0D363C;--line: #1D5057;--line-soft: #1D5057;--control-line: #3B8087;--text: #EAF6F4;--text-2: #CDE6E2;--text-3: #9CC5C0;--accent: #7DDB8A;--focus: #4CC35A;--brand-700: #A8F0E6;--err: #F0A493;--err-soft: #40211C;--row-hover: #0A3036;background:#06282d;border-inline-start:1px solid #1D5057;color:var(--text)}:root[data-design=suqya] .lang-chip{background:transparent;border-color:#1d5057;color:#9cc5c0;border-radius:999px;height:32px;font-weight:500}:root[data-design=suqya] .lang-chip .icon{color:#9cc5c0}:root[data-design=suqya] .lang-chip:hover{border-color:#3b8087;color:#eaf6f4}:root[data-design=suqya] .auth-card{width:min(400px,100%)}:root[data-design=suqya] .auth-eyebrow{color:#9cc5c0;font-weight:500;margin-block-end:8px}:root[data-design=suqya] .auth-rule{width:18px;height:1px;border-radius:0;background:#a8f0e6}:root[data-design=suqya] .auth-title{font-size:clamp(32px,2.8vw,40px);font-weight:300;line-height:1.25;letter-spacing:0;color:#eaf6f4;margin-block-end:8px}:root[data-design=suqya] .auth-title span{color:inherit}:root[data-design=suqya] .auth-sub{color:#9cc5c0;margin-block-end:18px}:root[data-design=suqya] .auth-chip{background:#a8f0e60d;color:#cde6e2;box-shadow:inset 0 0 0 1px #1d5057;border-radius:999px;padding:6px 14px;font-size:12.5px;font-weight:500;margin-block-end:6px}:root[data-design=suqya] .auth-chip .icon{width:15px;height:15px;color:#a8f0e6}:root[data-design=suqya] .login-form .field label{color:#cde6e2}:root[data-design=suqya] .login-form input{min-height:46px;border-radius:10px}:root[data-design=suqya] .pw-toggle:hover{color:#eaf6f4}:root[data-design=suqya] .login-form .btn.primary.lg{height:48px;border-radius:10px;font-weight:500}:root[data-design=suqya] .login-form .btn.primary.lg:disabled{opacity:1;background:#1d6a32;border-color:#1d6a32;color:#d4edd8;cursor:progress}:root[data-design=suqya] .auth-main .alert.err{background:#40211c;border-color:#6b3228;color:#f0a493}:root[data-design=suqya] .login-reveal{color:#a8f0e6}:root[data-design=suqya] .sso-btn{background:#041e22;border-color:#1d5057;color:#eaf6f4;box-shadow:none}:root[data-design=suqya] .auth-rule-h{background:#1d5057;margin:20px 0 12px}:root[data-design=suqya] .auth-copy{color:#9cc5c0;font-size:12px}:root[data-design=suqya] .design-pick{width:min(400px,100%)}:root[data-design=suqya] .design-pick-label{color:#9cc5c0;font-weight:500}:root[data-design=suqya] .design-pick-item{background:transparent;border-color:transparent;border-radius:10px;color:#9cc5c0}:root[data-design=suqya] .design-pick-item:hover{background:#a8f0e60f;border-color:transparent;color:#eaf6f4}:root[data-design=suqya] .design-pick-item[aria-checked=true]{background:#a8f0e612;border-color:transparent;box-shadow:none;color:#eaf6f4}:root[data-design=suqya] .design-pick-chip{width:24px;height:24px;box-shadow:inset 0 0 0 1px #eaf6f440}:root[data-design=suqya] .design-pick-item[aria-checked=true] .design-pick-chip{box-shadow:0 0 0 2px #06282d,0 0 0 3.5px #a8f0e6}:root[data-design=suqya] .design-pick-name{font-size:11.5px}@media(min-width:901px)and (max-height:800px){:root[data-design=suqya] .auth-main{padding-block:20px;gap:14px}:root[data-design=suqya] .auth-title{font-size:32px}:root[data-design=suqya] .auth-sub{margin-block-end:12px}:root[data-design=suqya] .login-form .field{margin-block-end:12px}:root[data-design=suqya] .auth-rule-h{margin:14px 0 8px}:root[data-design=suqya] .design-pick-item{padding-block:5px 3px}:root[data-design=suqya] .auth-art{--suqya-top: 92px;--suqya-bottom: 70px}}@media(max-width:1024px){:root[data-design=suqya] .sidebar{box-shadow:var(--shadow-lg)}:root[data-design=suqya] .my-board>.design-motif{height:136px}}@media(max-width:900px){:root[data-design=suqya] .auth-brand{min-height:300px}:root[data-design=suqya] .auth-art{--suqya-top: 62px;--suqya-bottom: 38px;--suqya-side: 12px}:root[data-design=suqya] .auth .auth-brand>.auth-brand-top{inset-block-start:16px;inset-inline-start:18px;gap:10px}:root[data-design=suqya] .da-mark[data-tone=light] img{width:32px;height:32px}:root[data-design=suqya] .auth-org{font-size:14px}:root[data-design=suqya] .auth-pill{inset-block-start:20px;inset-inline-end:16px;padding:4px 10px;font-size:11.5px}:root[data-design=suqya] .auth-blurb{inset-inline:16px;inset-block-end:10px;font-size:13.5px}:root[data-design=suqya] .auth-main{border-inline-start:0;border-block-start:1px solid #1D5057}:root[data-design=suqya] .auth-title{font-size:30px}:root[data-design=suqya] .page-title{font-size:22px}:root[data-design=suqya] .metric{flex-basis:140px;padding:12px 14px 10px}:root[data-design=suqya] .metric-value{font-size:26px}}@media(max-width:380px){:root[data-design=suqya] .auth-motto{display:none}}@media(prefers-reduced-motion:reduce){:root[data-design=suqya] .design-pick-item,:root[data-design=suqya] .lang-chip,:root[data-design=suqya] .nav-item{transition:none}}:root[data-design=madar]{--md-shell: rgba(22, 32, 26, .04);--md-ring: 0 0 0 5px rgba(22, 32, 26, .035), 0 0 0 6px rgba(22, 32, 26, .055);--md-mono: "IBM Plex Mono", "Readex Pro", ui-monospace, monospace;--topbar-h: 68px;--font-ar: "Readex Pro", "Noto Sans Arabic", "Segoe UI", system-ui, sans-serif;--font-en: "Readex Pro", "Segoe UI", system-ui, -apple-system, sans-serif;--font-display: "Readex Pro", "Noto Sans Arabic", "Segoe UI", system-ui, sans-serif;--bg: #F2F3F1;--surface: #FFFFFF;--surface-2: #F7F8F6;--surface-3: #EEF0ED;--line: #DDE1DE;--line-soft: #E9ECE9;--control-line: #7C8983;--text: #16201A;--text-2: #3E4B44;--text-3: #56666D;--text-invert: #FFFFFF;--nav-bg: #FFFFFF;--nav-hover: #F2F4F1;--nav-text: #16201A;--nav-muted: #56666D;--nav-line: #E9ECE9;--nav-group-bg: #F7F8F6;--nav-active-bg: #E6F3E8;--nav-active-text: #1A6B2E;--accent: #1F7A35;--accent-fill: #23803A;--accent-hover: #1E7433;--accent-soft: #E6F3E8;--accent-text: #1A6B2E;--accent-line: #A9D6B0;--on-accent: #FFFFFF;--row-hover: #F5F7F4;--row-selected: #E9F4EB;--focus: #23803A;--ok: #17602A;--ok-soft: #DDF3DF;--warn: #6B4D0B;--warn-soft: #F8E9BD;--err: #8E2A1A;--err-soft: #FBE1DC;--info: #3F5059;--info-soft: #E4EAEC;--on-status: #FFFFFF;--brand-500: #2F9F3D;--brand-700: #23803A;--series-1: #2F9F3D;--series-2: #5B6B73;--series-3: #8CC596;--series-4: #2E6F7E;--series-5: #C29A3E;--series-6: #A4B0B6;--series-7: #1F5E2E;--series-8: #D6B26A;--r-xs: 6px;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-xl: 26px;--shadow-sm: 0 1px 2px rgba(22, 32, 26, .05);--shadow-btn: inset 0 1px 0 rgba(255, 255, 255, .16), 0 10px 20px -14px rgba(35, 128, 58, .8);--shadow-md: 0 1px 1px rgba(22, 32, 26, .03), 0 22px 40px -34px rgba(22, 32, 26, .22);--shadow-lg: 0 1px 1px rgba(22, 32, 26, .03), 0 14px 28px -20px rgba(22, 32, 26, .16), 0 48px 88px -52px rgba(22, 32, 26, .26);--scrim: rgba(22, 32, 26, .32);color-scheme:light}:root[data-design=madar] .shell{background:var(--bg)}:root[data-design=madar] .sidebar{margin:12px;margin-inline-end:0;border:0;border-radius:26px;background:var(--nav-bg);box-shadow:var(--md-ring),var(--shadow-md);overflow:hidden}:root[data-design=madar] .brand{padding-inline:18px;border-block-end:1px solid var(--nav-line)}:root[data-design=madar] .brand-logo{width:34px;height:34px;box-shadow:0 0 0 4px var(--surface),0 0 0 5px var(--nav-line)}:root[data-design=madar] .brand-name{font-weight:700}:root[data-design=madar] .brand{height:auto;min-height:var(--topbar-h);padding-block:10px}:root[data-design=madar] .brand-org{white-space:normal;line-height:1.4;text-wrap:balance}:root[data-design=madar] .nav{padding:12px 10px 14px}:root[data-design=madar] .nav-item,:root[data-design=madar] .nav-group{border-radius:12px}:root[data-design=madar] .nav-item.active,:root[data-design=madar] .nav-item.active:hover{background:var(--nav-active-bg);color:var(--nav-active-text)}:root[data-design=madar] .nav-item.active:after{content:"";flex:none;width:6px;height:6px;margin-inline-end:4px;border-radius:50%;background:var(--brand-500);box-shadow:0 0 0 3px #2f9f3d2e}:root[data-design=madar] .collapsed .nav-item.active:after{display:none}:root[data-design=madar] .nav-group-items{border-inline-start-color:var(--nav-line)}:root[data-design=madar] .nav-badge{background:var(--accent-fill);color:var(--on-accent);font-family:var(--md-mono)}:root[data-design=madar] .nav-count{font-family:var(--md-mono);color:var(--nav-muted)}:root[data-design=madar] .sidebar-foot{border-block-start:1px solid var(--nav-line)}:root[data-design=madar] .topbar{margin:12px 16px 0;padding-inline:18px 10px;border:0;border-radius:999px;background:#fffffff2;box-shadow:0 0 0 1px #16201a0f,0 14px 34px -22px #16201a5c}:root[data-design=madar] .search input{border-radius:999px;background:var(--surface-2)}:root[data-design=madar] .avatar{background:var(--accent-soft);color:var(--accent-text);box-shadow:inset 0 0 0 1px var(--accent-line)}:root[data-design=madar] .kbd{font-family:var(--md-mono);border-radius:999px;background:var(--surface)}:root[data-design=madar] .tf-nag{border-radius:999px}:root[data-design=madar] .page-title{font-size:26px;font-weight:600}:root[data-design=madar] .page-sub{color:var(--text-3);font-size:13.5px}:root[data-design=madar] .metrics{gap:5px;padding:5px;margin-block-end:18px;border-radius:26px;background:var(--md-shell);box-shadow:inset 0 0 0 1px #16201a0d}:root[data-design=madar] .metric{min-height:98px;padding:13px 15px 12px;border:0;border-radius:20px;box-shadow:0 0 0 1px #16201a0d,0 1px 2px #16201a0a}:root[data-design=madar] .metric-label{color:var(--text-2)}:root[data-design=madar] .metric-label .icon{color:var(--text-3)}:root[data-design=madar] .metric-value{font-family:var(--md-mono);font-weight:500;font-size:30px;letter-spacing:-.02em}:root[data-design=madar] .metric-value.tone-ok{color:var(--ok)}:root[data-design=madar] .metric-value.tone-warn{color:var(--warn)}:root[data-design=madar] .metric-value.tone-err{color:var(--err)}:root[data-design=madar] .metric-note{color:var(--text-3)}:root[data-design=madar] .card{border:0;border-radius:22px;box-shadow:var(--md-ring),var(--shadow-md)}:root[data-design=madar] .card-head{min-height:50px;padding-inline:18px 12px;border-block-end-color:var(--line-soft)}:root[data-design=madar] .card-title{font-size:14.5px;font-weight:600}:root[data-design=madar] .table-wrap{border-radius:16px}:root[data-design=madar] table.grid th{background:var(--surface-2);color:var(--text-2);font-weight:600}:root[data-design=madar] .tabs{gap:2px}:root[data-design=madar] .tab{border-radius:12px 12px 0 0}:root[data-design=madar] .tab.active{color:var(--accent-text);border-block-end-color:var(--brand-500)}:root[data-design=madar] .btn,:root[data-design=madar] .chip{border-radius:999px}:root[data-design=madar] .btn.icon-only{border-radius:50%}:root[data-design=madar] .btn.primary{box-shadow:var(--shadow-btn)}:root[data-design=madar] .badge{font-weight:500}:root[data-design=madar] :is(.badge.ok,.badge.warn,.badge.err,.badge.info):before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:currentColor}:root[data-design=madar] :is(input[type=text],input[type=email],input[type=password],input[type=date],input[type=number],input[type=tel],select,textarea):not(.cell-edit){border-radius:12px}:root[data-design=madar] :is(input,select,textarea):focus{border-color:var(--focus);box-shadow:0 0 0 4px #2f9f3d1f}:root[data-design=madar] .modal{border:0;border-radius:26px;box-shadow:var(--md-ring),var(--shadow-lg)}:root[data-design=madar] .modal-head{border-block-end-color:var(--line-soft)}:root[data-design=madar] .modal-title{font-weight:600}:root[data-design=madar] .modal-foot{border-block-start-color:var(--line-soft)}:root[data-design=madar] .alert{border-radius:16px}:root[data-design=madar] .empty-title{color:var(--text-2)}:root[data-design=madar] .trail-step.is-current .trail-dot{border-color:var(--brand-500);color:var(--accent-text)}:root[data-design=madar] .pq-item{border-radius:18px;border-inline-start-width:1px;border-color:var(--line)}:root[data-design=madar] .pq-item.old{background:var(--surface-2)}:root[data-design=madar] .pq-list,:root[data-design=madar] .pq-step{font-weight:500}:root[data-design=madar] .pq-chip .pq-n,:root[data-design=madar] .chip-n{font-family:var(--md-mono)}:root[data-design=madar] .pp-grid{gap:18px}@media(min-width:901px){:root[data-design=madar] .my-board .pp-grid>:nth-child(2){grid-row:span 2}}:root[data-design=madar] .sum-list{gap:0}:root[data-design=madar] .sum-list li{position:relative;padding:9px 10px;border-radius:12px;background:transparent}:root[data-design=madar] .sum-list li+li:before{content:"";position:absolute;inset-block-start:0;inset-inline:10px;height:1px;background:var(--line-soft)}:root[data-design=madar] .sum-list li.click:hover{background:var(--row-hover)}:root[data-design=madar] .my-board .sum-list li>b{min-width:28px;height:24px;padding-inline:8px;display:inline-grid;place-items:center;border-radius:999px;background:var(--accent-soft);color:var(--accent-text);font-family:var(--md-mono);font-weight:500}:root[data-design=madar] .pp-tasks{gap:0}:root[data-design=madar] .pp-tasks li{position:relative;padding:9px 12px;padding-inline-start:30px;border-inline-start:0;border-radius:0;background:transparent}:root[data-design=madar] .pp-tasks li+li{border-block-start:1px solid var(--line-soft)}:root[data-design=madar] .pp-tasks li:hover{background:var(--row-hover)}:root[data-design=madar] .pp-tasks li:before{content:"";position:absolute;inset-inline-start:12px;inset-block-start:16px;width:7px;height:7px;border-radius:50%;background:var(--info);box-shadow:0 0 0 3px var(--info-soft)}:root[data-design=madar] .pp-tasks li.late:before{background:var(--err);box-shadow:0 0 0 3px var(--err-soft)}:root[data-design=madar] .pp-sbar{height:6px;background:var(--surface-3)}:root[data-design=madar] .pp-sbar div,:root[data-design=madar] .bb-approved{background:var(--brand-500)}:root[data-design=madar] .progress-bar{border:0;background:var(--surface-3)}:root[data-design=madar] .progress-fill{background:#c4553f}:root[data-design=madar] .progress-fill.mid{background:var(--series-5)}:root[data-design=madar] .progress-fill.done{background:var(--brand-500)}:root[data-design=madar] .my-project{border:0;border-radius:16px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line-soft)}:root[data-design=madar] .my-project:hover{background:var(--surface-3);box-shadow:inset 0 0 0 1px var(--accent-line)}:root[data-design=madar] .my-project .code,:root[data-design=madar] .pp-task-meta .code{font-family:var(--md-mono);color:var(--accent)}:root[data-design=madar] .my-eval-reminder,:root[data-design=madar] .my-congrats{border:0;border-radius:20px;background:var(--surface);box-shadow:var(--md-ring),var(--shadow-sm)}:root[data-design=madar] .my-eval-reminder>.icon,:root[data-design=madar] .my-congrats>.icon{width:36px;height:36px;padding:8px;border-radius:50%;background:var(--accent-soft);color:var(--accent-text)}:root[data-design=madar] .my-eval-reminder b{color:var(--text)}:root[data-design=madar] .my-board>.page-head{padding-inline-end:156px;min-height:70px}:root[data-design=madar] .design-motif{position:absolute;inset-block-start:var(--sp-5);inset-inline-end:var(--sp-6);width:136px;height:70px;border-radius:22px;background:radial-gradient(90% 100% at 50% 50%,#fff,#f7f8f6);box-shadow:var(--md-ring),var(--shadow-sm);overflow:hidden}:root[data-design=madar] .mdr-motif{position:absolute;inset:0;width:100%;height:100%;display:block}:root[data-design=madar] .auth{padding:16px;gap:20px;background:var(--bg)}:root[data-design=madar] .auth-brand{margin:7px;padding:30px 34px;border-radius:28px;color:var(--text);background:radial-gradient(70% 62% at 50% 41%,#fff,#fcfcfb 46%,#f4f6f3);box-shadow:0 0 0 7px #16201a0a,0 0 0 8px #16201a0e,0 48px 88px -52px #16201a42,inset 0 -60px 80px -70px #16201a1a}:root[data-design=madar] .auth-brand>div:last-child{display:none}:root[data-design=madar] .auth-org{color:var(--text);font-size:15px;font-weight:600;letter-spacing:0}:root[data-design=madar] .auth-motto{color:var(--text-3);opacity:1}:root[data-design=madar] .da-mark[data-tone=light] img{width:36px;height:36px}:root[data-design=madar] .auth-pill{padding:5px 12px;margin-block-end:18px;border:0;background:#ffffffeb;color:var(--text-2);font-size:12.5px;font-weight:500;box-shadow:0 0 0 1px #16201a14,0 8px 18px -12px #16201a47}:root[data-design=madar] .auth-dot{background:var(--brand-500);box-shadow:0 0 0 3px #2f9f3d29}:root[data-design=madar] .auth-wordmark{color:var(--text);font-size:clamp(48px,5.4vw,84px);font-weight:600;line-height:.95;letter-spacing:-.025em;margin-block-end:12px}:root[data-design=madar][dir=rtl] .auth-wordmark{text-align:right}:root[data-design=madar] .auth-blurb{display:flex;align-items:center;gap:10px;color:var(--text-3);opacity:1}:root[data-design=madar] .auth-blurb:before{content:"";flex:none;width:22px;height:1px;background:var(--line)}:root[data-design=madar] .auth-main{padding:24px;background:transparent}:root[data-design=madar] .lang-chip{position:relative;inset:auto;z-index:2;order:-1;height:30px;padding-inline:12px 10px;border-radius:999px;font-size:12.5px;margin-inline-start:auto;margin-inline-end:max(18px,calc((100% - 440px)/2 + 30px));margin-block-end:-75px}:root[data-design=madar] .auth-card{width:min(440px,100%);padding:30px 32px 22px;border-radius:26px;background:var(--surface);box-shadow:0 0 0 7px #16201a0a,0 0 0 8px #16201a0e,0 48px 88px -52px #16201a42}:root[data-design=madar] .auth-eyebrow{margin-block-end:8px;color:var(--accent);font-weight:500}:root[data-design=madar] .auth-rule{width:7px;height:7px;border-radius:50%;background:var(--brand-500);box-shadow:0 0 0 3px #2f9f3d29}:root[data-design=madar] .auth-title{font-size:clamp(32px,2.8vw,40px);font-weight:600;letter-spacing:0;color:var(--text)}:root[data-design=madar] .auth-title span{color:inherit}:root[data-design=madar] .auth-sub{margin-block-end:18px;color:var(--text-3)}:root[data-design=madar] .auth-chip{padding:6px 14px;border-radius:999px;background:var(--surface-2);color:var(--text-2);font-size:var(--fs-sm);font-weight:500;box-shadow:inset 0 0 0 1px var(--line-soft)}:root[data-design=madar] .auth-chip .icon{color:var(--accent)}:root[data-design=madar] .login-form input{min-height:46px;border-radius:14px;background:var(--surface-2)}:root[data-design=madar] .login-form input:focus{background:var(--surface)}:root[data-design=madar] .pw-toggle{border-radius:50%}:root[data-design=madar] .login-form .btn.primary.lg{position:relative;height:52px;border-radius:999px;font-size:var(--fs-md);font-weight:600}:root[data-design=madar] .login-form .btn.primary.lg:after{content:"";position:absolute;inset-inline-end:6px;inset-block-start:6px;width:40px;height:40px;border-radius:50%;box-shadow:inset 0 0 0 1px #fff3;transition:transform .16s var(--d-ease-out);background:#ffffff24 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E") center / 18px no-repeat}:root[data-design=madar][dir=ltr] .login-form .btn.primary.lg:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E")}@media(hover:hover)and (pointer:fine){:root[data-design=madar] .login-form .btn.primary.lg:hover:not(:disabled):after{transform:translate(-3px)}:root[data-design=madar][dir=ltr] .login-form .btn.primary.lg:hover:not(:disabled):after{transform:translate(3px)}}:root[data-design=madar] .auth-rule-h{background:var(--line-soft)}:root[data-design=madar] .auth-copy{color:var(--text-3)}:root[data-design=madar] .design-pick-label{color:var(--text-2)}:root[data-design=madar] .design-pick-list{gap:4px;padding:5px;border-radius:22px;background:var(--md-shell);box-shadow:inset 0 0 0 1px #16201a0d}:root[data-design=madar] .design-pick-item{border:0;border-radius:17px;background:transparent;color:var(--text-2)}:root[data-design=madar] .design-pick-item:hover{background:#ffffffb8;color:var(--text)}:root[data-design=madar] .design-pick-item[aria-checked=true]{background:var(--surface);color:var(--text);box-shadow:0 0 0 1px #16201a0f,0 6px 14px -10px #16201a59}:root[data-design=madar] .design-pick-item[aria-checked=true] .design-pick-chip{box-shadow:inset 0 0 0 1px #00000029,0 0 0 2px #fff,0 0 0 3.5px var(--brand-500)}:root[data-design=madar] .design-pick-name{font-size:12px}:root[data-design=madar] .mdr-sys{position:absolute;inset:0;overflow:hidden;isolation:isolate;--n: 48px;--c: 96px}:root[data-design=madar] .mdr-sys>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}:root[data-design=madar] .mdr-orb-back{z-index:1}:root[data-design=madar] .mdr-orb-back path{fill:none;stroke:#cbd2cd;stroke-width:1.1;stroke-dasharray:1.4 5.2;stroke-linecap:round}:root[data-design=madar] .mdr-orb-front{z-index:60}:root[data-design=madar] .mdr-orb-front path{fill:none;stroke:#bec7c1;stroke-linecap:round}:root[data-design=madar] .mdr-beams-back{z-index:45}:root[data-design=madar] .mdr-beams-front{z-index:66}:root[data-design=madar] .mdr-bm-guide{fill:none;stroke:#2f9f3d;stroke-opacity:.18;stroke-width:1;stroke-dasharray:2 4}:root[data-design=madar] .mdr-bm-soft{fill:none;stroke-width:9;stroke-linecap:round;opacity:.22}:root[data-design=madar] .mdr-bm-trail{fill:none;stroke-width:2.4;stroke-linecap:round}:root[data-design=madar] .mdr-bm-halo{fill:#2f9f3d;fill-opacity:.16}:root[data-design=madar] .mdr-bm-head{fill:#fff;stroke:#2f9f3d;stroke-width:1.6}:root[data-design=madar] :is(.mdr-floor,.mdr-plane,.mdr-glow,.mdr-ring,.mdr-core){position:absolute;left:0;top:0;translate:-50% -50%;pointer-events:none}:root[data-design=madar] .mdr-floor{border-radius:50%;background:radial-gradient(closest-side,#16201a12,#16201a00)}:root[data-design=madar] .mdr-plane{border-radius:50%;background:radial-gradient(closest-side,#16201a09,#16201a05 60%,#16201a00)}:root[data-design=madar] .mdr-glow{z-index:47;width:calc(var(--c) * 2.7);height:calc(var(--c) * 2.7);border-radius:50%;opacity:.6;background:radial-gradient(closest-side,#2f9f3d3d,#2f9f3d14 50%,#2f9f3d00)}:root[data-design=madar] .mdr-ring{z-index:48;box-sizing:border-box;border-radius:50%;border:1.5px solid rgba(47,159,61,.5);opacity:0}:root[data-design=madar] .mdr-core{z-index:50;width:var(--c);height:var(--c)}:root[data-design=madar] .mdr-socket{position:absolute;inset:0;border-radius:calc(var(--c) * .31);background:linear-gradient(165deg,#fff,#f6f7f5 58%,#edf0ec);box-shadow:0 0 0 1px #16201a0f,inset 0 1px #fff,inset 0 -2px 6px #16201a0a,0 28px 46px -26px #16201a6b,0 8px 16px -10px #16201a29}:root[data-design=madar] .mdr-core>.mdr-in{position:absolute;left:50%;top:50%;translate:-50% -50%}:root[data-design=madar] .mdr-in{--s: 34px;position:relative;box-sizing:border-box;width:var(--s);height:var(--s);display:grid;place-items:center;overflow:hidden;border-radius:calc(var(--s) * .24);color:#fff;direction:ltr;user-select:none;font:500 calc(var(--s) * .36) / 1 var(--md-mono);letter-spacing:-.02em;background:radial-gradient(130% 100% at 28% 8%,#43b451,#2f9f3d 44%,#23843a);box-shadow:inset 0 calc(var(--s) * .025) 0 #ffffff61,inset 0 calc(var(--s) * -.07) calc(var(--s) * .16) #093a184d,0 calc(var(--s) * .06) calc(var(--s) * .16) #23803a47}:root[data-design=madar] .mdr-in>b{position:relative;z-index:1;font-weight:500}:root[data-design=madar] .mdr-flash{position:absolute;inset:0;border-radius:inherit;opacity:0;background:radial-gradient(80% 70% at 50% 16%,#fff9,#fff0 70%)}:root[data-design=madar] .mdr-node{position:absolute;z-index:20;left:0;top:0;box-sizing:border-box;width:var(--n);height:var(--n);border-radius:50%;transform-origin:50% 50%;background:radial-gradient(120% 120% at 32% 18%,#fff,#fafbfa 44%,#e8ece9);box-shadow:0 0 0 1px #16201a12,inset 0 1px #fff,inset 0 -3px 6px #16201a0d,0 12px 22px -12px #16201a57,0 3px 6px -2px #16201a14}:root[data-design=madar] .mdr-node-in{position:absolute;inset:17%;display:grid;place-items:center;border-radius:50%;background:#fff;color:#5b6b73;box-shadow:0 0 0 1px #16201a12,0 1px 2px #16201a0f;transition:color .2s ease,box-shadow .2s ease}:root[data-design=madar] .mdr-node-in>.icon{width:52%;height:52%;stroke-width:1.9}:root[data-design=madar] .mdr-fog{position:absolute;inset:-1px;border-radius:50%;background:#f2f3f1;opacity:0;pointer-events:none}:root[data-design=madar] .mdr-node.is-send .mdr-node-in{color:#1f7a35;box-shadow:0 0 0 1.5px #2f9f3d8c,0 0 0 5px #2f9f3d1a}:root[data-design=madar] .mdr-node.is-hover .mdr-node-in{color:var(--text);box-shadow:0 0 0 1.5px #2f9f3d,0 0 0 5px #2f9f3d1f}:root[data-design=madar] .mdr-label{position:absolute;z-index:150;left:0;top:0;padding:5px 11px;border-radius:999px;background:#fff;color:var(--text);font-size:12.5px;font-weight:500;line-height:1.5;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .16s ease;box-shadow:0 0 0 1px #16201a14,0 10px 22px -12px #16201a59}:root[data-design=madar] .mdr-label.on{opacity:1}:root[data-design=madar] .mdr-sys.is-live .mdr-node{will-change:transform}:root[data-design=madar] .mdr-veil{position:absolute;inset:0;background:var(--bg)}:root[data-design=madar] .mdr-fly{position:absolute;transform-origin:0 0;will-change:transform}:root[data-design=madar] .mdr-fly>.mdr-in{position:absolute;inset:0}:root[data-design=madar] .mdr-fly-glow{position:absolute;left:50%;top:50%;width:280%;height:280%;translate:-50% -50%;border-radius:50%;opacity:0;background:radial-gradient(closest-side,#2f9f3d42,#2f9f3d00)}@media(max-width:1024px){:root[data-design=madar] .shell,:root[data-design=madar] .shell.collapsed{grid-template-columns:minmax(0,1fr)}:root[data-design=madar] .sidebar{margin:8px;border-radius:22px;transform:translate(calc(var(--rtl, -1) * (100% + 24px)))}:root[data-design=madar] .sidebar.open{transform:none}:root[data-design=madar] .topbar{margin:10px 10px 0;padding-inline:8px 10px}:root[data-design=madar] .design-motif{inset-block-start:var(--sp-4);inset-inline-end:var(--sp-4)}}@media(max-width:900px){:root[data-design=madar] .auth{padding:10px;gap:12px}:root[data-design=madar] .auth-brand{margin:6px;padding:18px 18px 16px;border-radius:22px;min-height:236px}:root[data-design=madar] .auth-brand-mid{padding-inline-end:42%}:root[data-design=madar] .auth-wordmark{font-size:clamp(32px,9vw,42px);margin-block-end:6px}:root[data-design=madar] .auth-pill{margin-block-end:10px}:root[data-design=madar] .auth-main{padding:34px 6px 20px}:root[data-design=madar] .auth-card{padding:22px 18px 18px;border-radius:22px}:root[data-design=madar] .lang-chip{margin-block-end:-67px}}@media(max-width:720px){:root[data-design=madar] .topbar{margin:8px 8px 0;padding-inline:4px;gap:4px}:root[data-design=madar] .design-motif{display:none}:root[data-design=madar] .my-board>.page-head{padding-inline-end:0;min-height:0}}@media(max-height:760px)and (min-width:901px){:root[data-design=madar] .auth-card{padding-block:22px 16px}:root[data-design=madar] .lang-chip{margin-block-end:-67px}:root[data-design=madar] .auth-title{font-size:32px}:root[data-design=madar] .auth-sub{margin-block-end:14px}:root[data-design=madar] .auth-chip{display:none}}@media(prefers-reduced-motion:reduce){:root[data-design=madar] :is(.mdr-node-in,.mdr-label),:root[data-design=madar] .login-form .btn.primary.lg:after{transition:none}}
