:root{--font-sans:Cairo, "Noto Sans Arabic", "Segoe UI", Tahoma, sans-serif;--font-mono:"IBM Plex Mono", Consolas, monospace;--color-canvas:#fbfcfd;--color-surface:#fff;--color-surface-subtle:#f4f6fa;--color-text:#14171f;--color-text-muted:#57617a;--color-border:#dbe0eb;--color-brand:#40578c;--color-brand-strong:#2f426f;--color-brand-soft:#edf1fa;--color-success:#2b6b47;--color-success-soft:#edf7f1;--color-warning:#9e6659;--color-warning-soft:#fff4ef;--color-danger:#a23845;--color-danger-soft:#fff0f2;--color-focus:#2d68d0;--shadow-surface:0 12px 32px #242f4b14;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*{box-sizing:border-box}html{background:var(--color-canvas);color:var(--color-text);font-family:var(--font-sans)}body{min-width:320px;min-height:100svh;margin:0}button,input,select{font:inherit}button,select{touch-action:manipulation}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}h1,h2,h3,p{margin-block-start:0}#root{min-height:100svh}.bidi-value{font-family:var(--font-mono);direction:ltr;unicode-bidi:isolate}.content-grid{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));margin-block-start:var(--space-5);display:grid}.content-grid>:last-child{grid-column:1/-1}.comment-list{gap:var(--space-3);display:grid}.comment-list article{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.comment-list p{margin:0 0 6px}.comment-list small{color:var(--color-text-muted)}.app-shell{background:var(--color-canvas);grid-template-columns:minmax(220px,264px) minmax(0,1fr);min-height:100svh;display:grid}.app-sidebar{height:100svh;padding:var(--space-6) var(--space-4);color:#fff;gap:var(--space-6);background:#273963;flex-direction:column;display:flex;position:sticky;inset-block-start:0}.brand{gap:2px;font-size:21px;font-weight:800;display:grid}.brand small{color:#cbd5ef;font-size:12px;font-weight:500}.app-nav{gap:var(--space-1);display:grid}.app-nav button,.sidebar-action{border-radius:var(--radius-sm);color:#e8edfa;text-align:start;cursor:pointer;background:0 0;border:0;width:100%;min-height:44px;padding:11px 12px}.app-nav button:hover,.app-nav button[aria-current=page]{color:#fff;background:#40578c}.sidebar-action{color:#ffd9dc;margin-block-start:auto}.workspace{width:min(1240px,100%);min-width:0;padding:clamp(24px,4vw,56px)}.workspace-header{justify-content:space-between;align-items:end;gap:var(--space-6);margin-block-end:var(--space-8);display:flex}.workspace-header h1{margin:4px 0 0;font-size:clamp(28px,4vw,42px);line-height:1.2}.eyebrow{color:var(--color-warning);letter-spacing:.04em;margin:0;font-size:13px;font-weight:700}.field{gap:var(--space-2);font-weight:650;display:grid}.field input,.field select{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;min-height:44px;color:var(--color-text);background:#fff;padding:9px 11px}.workspace-header .field{min-width:min(290px,100%)}.ds-surface{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-surface);padding:clamp(20px,3vw,30px)}.ds-surface__header{justify-content:space-between;gap:var(--space-4);align-items:start;margin-block-end:var(--space-5);display:flex}.ds-surface__header h2{margin-bottom:4px}.ds-surface__header p{color:var(--color-text-muted)}.ds-button{border-radius:var(--radius-sm);color:#fff;background:var(--color-brand);cursor:pointer;border:0;min-height:44px;padding:10px 16px;font-weight:700}.ds-button:hover{background:var(--color-brand-strong)}.ds-button:disabled{cursor:wait;opacity:.65}.ds-button--quiet{color:var(--color-brand);border:1px solid var(--color-border);background:0 0}.ds-button--quiet:hover{background:var(--color-brand-soft)}.ds-state{align-items:start;gap:var(--space-4);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-subtle);color:var(--color-text-muted);display:flex}.ds-state h2{color:var(--color-text);margin-bottom:4px;font-size:18px}.ds-state p{margin:0}.ds-state__mark{background:var(--color-brand);border-radius:50%;flex:0 0 10px;width:10px;height:10px;margin-block-start:7px}.ds-state--error{background:var(--color-danger-soft);border-color:#efc7cd}.ds-state--error .ds-state__mark{background:var(--color-danger)}.ds-state--success{background:var(--color-success-soft)}.ds-state--success .ds-state__mark{background:var(--color-success)}.ds-state--restricted{background:var(--color-warning-soft)}.ds-state--restricted .ds-state__mark{background:var(--color-warning)}.cards{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));display:grid}.cards article{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-4);gap:6px;display:grid}.cards strong{color:var(--color-text)}.cards span{color:var(--color-brand)}.cards small{color:var(--color-text-muted)}.projects-workspace{gap:var(--space-5);display:grid}.project-tabs{gap:var(--space-3);padding-block-end:4px;display:flex;overflow-x:auto}.project-tabs button{border:1px solid var(--color-border);border-radius:var(--radius-sm);min-width:210px;padding:var(--space-4);color:var(--color-text);text-align:start;cursor:pointer;background:#fff;gap:5px;display:grid}.project-tabs button[aria-current=true]{border-color:var(--color-brand);background:var(--color-brand-soft)}.project-tabs span,.project-tabs small{color:var(--color-text-muted)}.project-summary{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.project-summary article{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);gap:4px;display:grid}.project-summary span{color:var(--color-text-muted);font-size:13px}.project-summary strong{font-size:20px}.project-columns{gap:var(--space-5);grid-template-columns:minmax(0,1.6fr) minmax(260px,.8fr);align-items:start;display:grid}.timeline-list,.team-list,.task-board,.automation-list{gap:var(--space-3);display:grid}.timeline-list article,.team-list article,.task-board article,.automation-list article{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-4)}.timeline-list article>div,.task-board article>div,.automation-list article>div{justify-content:space-between;gap:var(--space-3);align-items:start;display:flex}.timeline-list p,.task-board p,.automation-list p{color:var(--color-text-muted);margin:8px 0 0}.team-list article{gap:6px;display:grid}.team-list span,.task-board small,.automation-list small{color:var(--color-text-muted)}.task-board{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))}.status-pill{background:var(--color-surface-subtle);width:fit-content;color:var(--color-text-muted);border-radius:999px;padding:3px 8px;font-size:11px;font-weight:750;display:inline-flex}.status-pill--active,.status-pill--in_progress,.status-pill--running{background:var(--color-brand-soft);color:var(--color-brand-strong)}.status-pill--completed{background:var(--color-success-soft);color:var(--color-success)}.status-pill--failed,.status-pill--blocked{background:var(--color-danger-soft);color:var(--color-danger)}.notification-list{gap:var(--space-3);display:grid}.notification-card{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);display:grid}.notification-card--unread{border-inline-end:4px solid var(--color-brand);background:var(--color-brand-soft)}.notification-card>div{justify-content:space-between;gap:var(--space-4);display:flex}.notification-card span,.notification-card p{color:var(--color-text-muted)}.notification-card p{margin:0}.notification-card .ds-button{justify-self:start}.portal-workspace{gap:var(--space-5);display:grid}.portal-welcome{justify-content:space-between;gap:var(--space-5);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);align-items:start;display:flex}.portal-welcome h2{margin:4px 0 6px;font-size:clamp(24px,3vw,34px)}.portal-welcome p:last-child{color:var(--color-text-muted);margin:0}.portal-summary{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.portal-summary article{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);gap:5px;display:grid}.portal-summary span{color:var(--color-text-muted);font-size:13px}.portal-summary strong{font-size:24px}.portal-grid{gap:var(--space-5);grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);align-items:start;display:grid}.portal-list{gap:var(--space-3);display:grid}.portal-list article{justify-content:space-between;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex}.portal-list span,.portal-list small{color:var(--color-text-muted)}.login{min-height:100svh;padding:var(--space-5);background:linear-gradient(145deg,#edf1fa,#fbfcfd 55%);place-items:center;display:grid}.login-card{gap:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:min(460px,100%);box-shadow:var(--shadow-surface);background:#fff;padding:clamp(24px,5vw,38px);display:grid}.login-card h1{margin-bottom:0}.login-card>p,.login-card li{color:var(--color-text-muted)}.recovery-list{gap:var(--space-2);grid-template-columns:repeat(2,1fr);margin:0;padding:0;list-style:none;display:grid}.recovery-list li{border-radius:var(--radius-sm);background:var(--color-surface-subtle);font-family:var(--font-mono);text-align:center;direction:ltr;padding:9px}.skip-link{z-index:20;color:var(--color-brand-strong);background:#fff;padding:10px 14px;position:fixed;inset-block-start:-100px;inset-inline-start:12px}.skip-link:focus{inset-block-start:12px}@media (width<=760px){.app-shell{grid-template-columns:1fr}.app-sidebar{height:auto;padding:var(--space-4);gap:var(--space-3);position:static}.app-nav{padding-block-end:4px;display:flex;overflow-x:auto}.app-nav button{white-space:nowrap}.sidebar-action{margin:0}.workspace{padding:var(--space-5) var(--space-4)}.workspace-header,.portal-welcome{flex-direction:column;align-items:stretch}.ds-surface__header{flex-direction:column}.recovery-list{grid-template-columns:1fr}.project-summary,.portal-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.project-columns,.portal-grid{grid-template-columns:1fr}}