:root{--bg:#f3f0e8;--surface:#fffcf7;--surface-2:#f6f2ea;--ink:#1c2421;--muted:#5c675f;--line:#e4ddd2;--accent:#0e5e5b;--accent-strong:#0a4a48;--accent-soft:#e4f2f1;--on-accent:#f4fffe;--shadow:0 10px 28px #302a200f;--shadow-soft:0 1px 2px #302a200d;--late:#b91c1c;--late-bg:#fee2e2;--good:#166534;--good-bg:#dcfce7;--status-planned:#64748b;--status-planned-bg:#eef2f6;--status-active:#0e7490;--status-active-bg:#e0f2fe;--status-hold:#b45309;--status-hold-bg:#fef3c7;--status-done:#15803d;--status-done-bg:#dcfce7;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{min-height:100vh;color:var(--ink);background:radial-gradient(920px 420px at 100% -12%, #0e5e5b17, transparent 58%), radial-gradient(680px 360px at 0% 0%, #b08a4a12, transparent 52%), var(--bg);margin:0;font-family:IBM Plex Sans Arabic,Noto Naskh Arabic,Noto Sans Arabic,Segoe UI,Tahoma,sans-serif;font-size:17px;line-height:1.65}h1,h2,h3,h4,p,ul,ol{margin:0}ul,ol{padding:0;list-style:none}h1,h2,h3,h4{font-weight:600;line-height:1.35}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit}img{max-width:100%;display:block}::placeholder{color:#8b938e}::selection{background:#c7e6e3}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.skip{inset-inline-start:1rem;z-index:50;background:var(--accent);color:var(--on-accent);border-radius:10px;padding:.4rem .75rem;font-weight:700;text-decoration:none;position:absolute;top:-3rem}.skip:focus{top:.6rem}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.num{font-variant-numeric:tabular-nums}.ltr{direction:ltr;unicode-bidi:isolate}.wrap{width:min(1120px,100% - 2rem);margin-inline:auto}.page{padding-block:1.6rem 3.2rem}.stack{flex-direction:column;gap:1.35rem;display:flex}.app-header{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#f3f0e8e6;position:sticky;top:0}.header-inner{flex-wrap:wrap;align-items:center;gap:.55rem .85rem;min-block-size:4.25rem;padding-block:.65rem;display:flex}.brand,.brand-lockup{align-items:center;gap:.55rem;font-weight:700;text-decoration:none;display:inline-flex}.brand-lockup{justify-content:center;font-size:1.25rem}.brand-mark{background:var(--accent);color:#fff;border-radius:10px;flex:none;place-items:center;block-size:2.05rem;inline-size:2.05rem;display:grid}.nav{gap:.25rem;display:flex}.nav-link{min-block-size:2.5rem;color:var(--muted);border-radius:999px;align-items:center;padding-inline:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.nav-link.active{background:var(--accent-soft);color:var(--accent-strong)}.who{align-items:center;gap:.65rem;margin-inline-start:auto;display:flex}.who-text{align-items:center;gap:.4rem;min-inline-size:0;display:flex}.who-name{text-overflow:ellipsis;white-space:nowrap;max-inline-size:12rem;font-weight:600;overflow:hidden}.header-error{color:var(--late);padding-block-end:.65rem}.page-head{margin-block-end:1rem}.page-head h1,.hero h1{overflow-wrap:anywhere;font-size:clamp(1.45rem,2.4vw,1.9rem)}.lede{color:var(--muted);margin-block-start:.3rem}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;display:grid}.stat{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;justify-content:space-between;gap:.7rem;min-block-size:6.3rem;padding:1rem 1.05rem .95rem;display:flex}.stat-label{color:var(--muted);font-size:.92rem}.stat-value{letter-spacing:-.03em;font-size:1.9rem;font-weight:600;line-height:1}.stat.accent .stat-value{color:var(--accent)}.stat.late .stat-value{color:var(--late)}.toolbar{flex-direction:column;gap:.75rem;margin-block:1.05rem 1rem;display:flex}.search{position:relative}.search input{width:100%;padding-inline-start:2.65rem}.search-icon{inset-inline-start:.85rem;color:var(--muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.chips{flex-wrap:wrap;gap:.4rem;display:flex}.chip{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;min-block-size:2.45rem;padding:.4rem .9rem;font-size:.92rem;font-weight:600}.chip:hover{border-color:#c9ddd9}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.card-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,19.5rem),1fr));gap:.9rem;display:grid}.project-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);color:inherit;border-inline-start-width:3px;border-inline-start-color:#0000;border-radius:16px;flex-direction:column;gap:.7rem;min-inline-size:0;padding:1.15rem 1.15rem 1rem;text-decoration:none;transition:border-color .16s,transform .16s;display:flex}.project-card:hover{border-block-color:#cfe3e0;border-inline-end-color:#cfe3e0;transform:translateY(-2px)}.project-card.late{border-inline-start-color:var(--late)}.card-top{justify-content:space-between;align-items:flex-start;gap:.6rem;display:flex}.card-pills{flex-wrap:wrap;justify-content:flex-start;gap:.35rem;display:flex}.code-badge{letter-spacing:.03em;background:var(--accent);max-inline-size:100%;color:var(--on-accent);overflow-wrap:anywhere;border-radius:999px;flex:none;justify-content:center;align-items:center;padding-block:.38rem;padding-inline:.8rem;font-family:ui-monospace,SFMono-Regular,Cascadia Mono,Segoe UI Mono,Menlo,Consolas,monospace;font-size:1.02rem;font-weight:700;line-height:1.2;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff29}.project-card .code-badge{padding-block:.42rem;padding-inline:.9rem;font-size:1.24rem}.code-badge.lg{padding-block:.45rem;padding-inline:1rem;font-size:1.32rem}.project-name{overflow-wrap:anywhere;font-size:1.08rem}.meta,.muted{color:var(--muted)}.meta{font-size:.92rem}.card-foot{color:var(--muted);border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:.55rem 1rem;margin-block-start:auto;padding-block-start:.45rem;font-size:.88rem;display:flex}.contract-flag{color:var(--accent-strong);flex-basis:100%;align-items:center;gap:.3rem;font-size:.84rem;font-weight:700;display:inline-flex}.contract-flag.is-empty{color:var(--muted);font-weight:600}.contract-flag-icon{color:var(--accent);display:inline-flex}.contract-flag-icon svg{width:1rem;height:1rem}.status,.delayed-badge,.role-pill{white-space:nowrap;border-radius:999px;align-items:center;gap:.35rem;padding:.16rem .65rem;font-size:.82rem;font-weight:700;line-height:1.5;display:inline-flex}.status:before{content:"";background:currentColor;border-radius:50%;block-size:.45rem;inline-size:.45rem}.status.planned{color:#475569;background:var(--status-planned-bg)}.status.active{color:#0e7490;background:var(--status-active-bg)}.status.on_hold{color:#92400e;background:var(--status-hold-bg)}.status.completed{color:#166534;background:var(--status-done-bg)}.delayed-badge{color:#991b1b;background:var(--late-bg)}.role-pill{color:var(--accent-strong);background:var(--accent-soft);font-weight:600}.progress-line{align-items:center;gap:.65rem;display:flex}.track{background:#e7e1d6;border-radius:999px;flex:1;block-size:.5rem;overflow:hidden}.fill{border-radius:inherit;block-size:100%}.fill.active{background:var(--status-active)}.fill.done{background:var(--status-done)}.fill.hold{background:var(--status-hold)}.fill.planned{background:var(--status-planned)}.pct{text-align:end;min-inline-size:3.2ch;font-size:.88rem;font-weight:700}.hero,.panel,.date-card,.report,.empty,.login-card,.stat,.project-card{background:var(--surface)}.hero,.panel,.date-card{border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:1.15rem 1.25rem}.crumbs{color:var(--muted);flex-wrap:wrap;gap:.4rem;margin-block-end:.85rem;font-size:.9rem;display:flex}.crumbs a,.text-link,.file-actions a{color:var(--accent-strong);font-weight:700;text-decoration:none}.crumbs a:hover,.text-link:hover,.file-actions a:hover{text-decoration:underline}.hero-top,.section-head,.report-top,.modal-head,.form-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.hero-top,.report-top,.modal-head{align-items:flex-start}.hero-title{flex-direction:column;align-items:flex-start;gap:.55rem;min-inline-size:0;display:flex}.hero .card-pills{margin-block:.85rem .7rem}.section{flex-direction:column;gap:.75rem;display:flex}.section h2{font-size:1.15rem}.info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem 1.2rem;display:grid}.info-label{color:var(--muted);margin-block-end:.15rem;font-size:.85rem}.info-value{overflow-wrap:anywhere;white-space:pre-wrap;font-weight:600}.info-item.wide{grid-column:1/-1}.info-item.wide .info-value{font-weight:500}.date-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.date-card h3{color:var(--accent-strong);margin-block-end:.35rem;font-size:1.05rem}.date-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:1rem;padding-block:.45rem;display:flex}.date-row:last-child{border-bottom:0}.date-row>span:first-child{color:var(--muted)}.hint{color:var(--muted);font-size:.82rem;font-weight:500}.variance{border-radius:14px;padding:.85rem 1rem;font-weight:600}.variance.late{background:var(--late-bg);color:#9f1239}.variance.good{background:var(--good-bg);color:var(--good)}.variance.neutral{background:var(--surface-2);color:var(--muted);font-weight:500}.timeline{flex-direction:column;gap:.8rem;display:flex}.report{background:var(--surface);border:1px solid var(--line);border-inline-start:3px solid var(--accent);box-shadow:var(--shadow);border-radius:16px;padding:1.05rem 1.15rem 1rem}.report-project{align-items:center;gap:.65rem;min-inline-size:0;margin-block-end:.75rem;text-decoration:none;display:flex}.report-project>span:last-child{overflow-wrap:anywhere;font-weight:600}.report-title{overflow-wrap:anywhere;font-size:1.08rem}.report-meta{color:var(--muted);flex-wrap:wrap;gap:.35rem .9rem;margin-block-start:.35rem;font-size:.92rem;display:flex}.report-date{color:var(--ink);font-weight:700}.report-summary{white-space:pre-wrap;margin-block-start:.7rem}.attachments{margin-block-start:.85rem}.attachments h4{color:var(--muted);margin-block-end:.15rem;font-size:.85rem;font-weight:600}.file-row,.draft-file{align-items:center;gap:.7rem;min-inline-size:0;display:flex}.file-row{padding-block:.45rem}.file-main{flex:1;min-inline-size:0}.file-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.file-sub{color:var(--muted);font-size:.85rem}.file-thumb,.file-glyph{background:var(--accent-soft);block-size:2.4rem;inline-size:2.4rem;color:var(--accent-strong);object-fit:cover;border-radius:10px;flex:none;place-items:center;display:grid}.file-actions{flex:none;gap:.75rem;display:flex}.confirm-row{background:#fff1f2;border-radius:12px;flex-direction:column;gap:.55rem;margin-block-start:.8rem;padding:.8rem .85rem;display:flex}.feed-filter{max-inline-size:32rem;margin-block-end:1rem}.btn{background:var(--accent);color:var(--on-accent);border:1px solid #0000;border-radius:12px;min-block-size:2.75rem;padding:.65rem 1.1rem;font-weight:700}.btn:hover{background:var(--accent-strong)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-block{width:100%}.btn-small{min-block-size:2.3rem;padding:.35rem .8rem;font-size:.92rem}.btn-ghost{background:var(--surface);color:var(--ink);border-color:var(--line)}.btn-ghost:hover{background:var(--surface-2)}.btn-danger{background:var(--late);color:#fff}.btn-danger:hover{background:#991b1b}.btn-text{color:var(--accent-strong);padding:.2rem .15rem;font-weight:700}.btn-text.danger{color:var(--late)}.form,.form-field{flex-direction:column;gap:.4rem;display:flex}.form{border:0;gap:.9rem;min-inline-size:0;margin:0;padding:0}.form-field>span,.slider-label{font-size:.95rem;font-weight:600}.slider-label{justify-content:space-between;gap:.75rem;display:flex}.field-hint{color:var(--muted);font-size:.85rem;font-weight:400}.req{color:var(--late);margin-inline-start:.35rem;font-size:.75rem;font-weight:700}input,textarea,select{border:1px solid var(--line);background:#fff;border-radius:12px;width:100%;min-height:2.75rem;padding:.65rem .85rem}textarea{resize:vertical;min-height:7.5rem;line-height:1.6}input[type=date]{text-align:left;direction:ltr}.latin-input{text-align:right;direction:ltr}input[type=range]{min-height:1.7rem;accent-color:var(--accent);background:0 0;border:0;padding:0}input:focus-visible,textarea:focus-visible,select:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.select-wrap{position:relative}.select-wrap select{appearance:none;padding-inline-end:2.4rem}.select-wrap .chevron{inset-inline-end:.7rem;pointer-events:none;color:var(--muted);position:absolute;top:50%;transform:translateY(-50%)}.modal-backdrop{z-index:40;background:#16201e75;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{width:min(36rem,100%);background:var(--surface);border-radius:16px;max-block-size:min(92vh,52rem);padding:1.2rem 1.25rem 1.25rem;overflow:auto;box-shadow:0 24px 60px #141c1a38}.modal-head{margin-block-end:.35rem}.modal-head h2{font-size:1.25rem}.dropzone{background:var(--accent-soft);text-align:center;cursor:pointer;border:1.5px dashed #b7d4d1;border-radius:14px;flex-direction:column;align-items:center;gap:.2rem;padding:1.25rem 1rem;display:flex}.dropzone.over{border-color:var(--accent);background:#d5ece9}.dropzone.disabled{opacity:.6;cursor:not-allowed}.drop-title{font-weight:700}.drop-hint{color:var(--muted);font-size:.88rem}.draft-files{flex-direction:column;gap:.4rem;display:flex}.draft-file{background:var(--surface-2);border-radius:12px;padding:.45rem .7rem}.draft-file .file-name{flex:1;font-weight:600}.contract-upload{flex-direction:column;gap:.75rem;display:flex}.contract-files{flex-direction:column;gap:.55rem;display:flex}.contract-file{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:14px;padding:.65rem .8rem}.contract-file .file-sub{overflow-wrap:anywhere}.upload-progress{align-items:center;gap:.65rem;display:flex}.form-actions{justify-content:flex-start}.login-screen,.loading-screen{place-items:center;min-height:100dvh;padding:1.5rem;display:grid}.loading-screen{color:var(--muted);justify-items:center;gap:.75rem}.login-stack{flex-direction:column;gap:.9rem;width:min(26.5rem,100%);display:flex}.login-card{border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;gap:.85rem;padding:1.5rem 1.35rem 1.3rem;display:flex}.login-card h1{font-size:1.55rem}.quiet-note{text-align:center;color:var(--muted);font-size:.9rem}.spinner{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:1.4rem;height:1.4rem;animation:.8s linear infinite spin}.empty{text-align:center;border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:16px;padding:2.6rem 1.1rem}.empty h2{margin-block-start:.7rem;font-size:1.12rem}.empty p{color:var(--muted);margin-block-start:.3rem}.empty-mark{background:var(--accent-soft);block-size:3rem;inline-size:3rem;color:var(--accent);border-radius:12px;place-items:center;margin-inline:auto;display:grid}.error-box{background:var(--late-bg);color:#9f1239;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;margin-block:.8rem;padding:.8rem .9rem;display:flex}.alert{background:var(--late-bg);color:#9f1239;border-radius:12px;padding:.65rem .75rem}.notice{background:var(--accent-soft);color:var(--accent-strong);border-radius:12px;padding:.7rem .9rem;font-weight:600}.skel{background:linear-gradient(100deg,#ebe4d8 20%,#f8f4ec 40%,#ebe4d8 60%) 0 0/220% 100%;border-radius:12px;animation:1.3s ease-in-out infinite shimmer}.skel-line{width:42%;height:1.8rem}.skel-card{border-radius:16px;height:13.5rem}.skel-hero{border-radius:16px;height:10.5rem}.skel-panel{border-radius:16px;height:8.2rem}.is-dim{opacity:.55}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (width<=900px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.info-grid{grid-template-columns:1fr 1fr}}@media (width<=720px){.nav{flex-basis:100%;order:3}.who{flex-basis:100%;justify-content:flex-start;margin-inline-start:0}.date-grid,.info-grid{grid-template-columns:1fr}.who-name{max-inline-size:8.5rem}.modal-backdrop{align-items:start}.file-row{flex-wrap:wrap}.file-actions{flex-basis:100%;padding-inline-start:3.1rem}}@media (width<=520px){.stats{grid-template-columns:1fr}.wrap{width:min(1120px,100% - 1.25rem)}.who{gap:.4rem}}@media (prefers-reduced-motion:reduce){.project-card,.spinner,.skel{transition:none;animation:none}.project-card:hover{transform:none}}