:root{--bg:#faf8f4;--surface:#fff;--surface-2:#f3f0ea;--ink:#1d1a19;--ink-2:#625b58;--line:#ddd7cf;--brand:#a6180d;--brand-dark:#741007;--brand-deep:#3f0905;--brand-soft:#f4e6e3;--gold:#b9914d;--done:#2e7d4f;--orange:#c9702a;--doing:#5f9e8a;--danger:#d32f2f;--brand-ink:#fff;--shadow:0 18px 52px #2616121c;--shadow-sm:0 2px 10px #2616120f;--radius:0;--r:2px;--header-bg:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#140b09;--surface:#1d1311;--surface-2:#271a17;--ink:#f3ece8;--ink-2:#b7aaa5;--line:#3a2a26;--brand:#e0675b;--brand-dark:#c2483d;--brand-deep:#2a0704;--brand-soft:#3a1a16;--gold:#d8b06e;--done:#5cbf8a;--orange:#e39a55;--doing:#4c9a85;--danger:#ff6b5e;--brand-ink:#140b09;--shadow:0 18px 52px #00000073;--shadow-sm:0 2px 10px #0000004d;--header-bg:#1d1311;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Noto Sans Arabic,Segoe UI,Tahoma,Arial,sans-serif;font-size:15px;line-height:1.8}h1,h2,h3,h4{margin:0;font-family:Noto Kufi Arabic,Segoe UI,Arial,sans-serif;font-weight:700;line-height:1.5}h2{font-size:1.12rem}h3{font-size:1rem;font-weight:500}a{color:var(--brand)}bdi.code{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;font-weight:600}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.strip{background:var(--brand-deep);color:#f6e9e4;font-size:.78rem}.strip-inner{justify-content:space-between;gap:12px;max-width:1320px;margin:0 auto;padding:4px 16px;display:flex}.topbar{background:var(--header-bg);color:var(--ink);z-index:30;border-bottom:1px solid var(--line);box-shadow:var(--shadow-sm);position:sticky;top:0}.topbar-inner{align-items:center;gap:12px;max-width:1320px;margin:0 auto;padding:10px 16px;display:flex}.brand{color:var(--ink);align-items:center;gap:12px;min-width:0;text-decoration:none;display:flex}.brand svg{flex:none}.brand b{white-space:nowrap;color:var(--brand);font-family:Noto Kufi Arabic,sans-serif;font-size:1.08rem}.brand small{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;font-size:.76rem;line-height:1.4;display:block;overflow:hidden}.topbar .spacer{flex:1}.icon-btn{color:inherit;cursor:pointer;border-radius:var(--r);background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:6px 8px;display:inline-flex;position:relative}.icon-btn:hover{background:var(--surface-2);border-color:var(--line)}.badge-dot{top:-2px;background:var(--brand);color:#fff;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.68rem;font-weight:700;display:grid;position:absolute;inset-inline-end:-2px}.role-pill{border:1px solid var(--brand);color:var(--brand);white-space:nowrap;padding:1px 10px;font-size:.76rem;font-weight:600}.tabs{background:var(--surface);border-bottom:1px solid var(--line);z-index:20;position:sticky;top:61px}.tabs-inner{scrollbar-width:none;gap:2px;max-width:1320px;margin:0 auto;padding:0 16px;display:flex;overflow-x:auto}.tabs a{color:var(--ink-2);white-space:nowrap;border-bottom:3px solid #0000;padding:11px 16px;font-size:.92rem;font-weight:600;text-decoration:none}.tabs a.active{color:var(--brand);border-bottom-color:var(--brand)}.tabs a:hover{color:var(--ink);background:var(--surface-2)}.eyebrow{color:var(--brand);margin-bottom:2px;font-size:.78rem;font-weight:700;display:block}main.page{max-width:1320px;margin:0 auto;padding:18px 16px 60px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px}.card.accent{border-top:3px solid var(--brand);box-shadow:var(--shadow)}.card+.card,.stack>*+*{margin-top:14px}.card h2{margin-bottom:12px}h1{font-size:1.45rem}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row.between{justify-content:space-between}.grid{gap:14px;display:grid}.grid>*{min-width:0}.grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr))}.grid.cols-3{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))}.muted{color:var(--ink-2)}.small{font-size:.84rem}.danger-text{color:var(--danger)}.hr{border:0;border-top:1px solid var(--line);margin:12px 0}.btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:var(--r);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:6px 14px;font-weight:500;line-height:1.6;text-decoration:none;display:inline-flex}.btn:hover{background:var(--surface-2)}.btn.primary{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.btn.primary:hover{background:var(--brand-dark);border-color:var(--brand-dark)}.btn.gold{background:var(--gold);border-color:var(--gold);color:#fff}.btn.warn{border-color:var(--orange);color:var(--orange)}.btn.danger{border-color:var(--danger);color:var(--danger)}.btn.ghost{background:0 0;border-color:#0000}.btn.sm{padding:2px 10px;font-size:.85rem}.btn:disabled{opacity:.5;cursor:not-allowed}select.input{text-overflow:ellipsis;max-width:100%}.input,select.input,textarea.input{border:1px solid var(--line);background:var(--surface);border-radius:var(--r);min-width:0;padding:6px 10px}textarea.input{resize:vertical;width:100%}.input:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 18%, transparent);outline:none}label.field{color:var(--ink-2);gap:4px;font-size:.88rem;display:grid}label.field>.input{color:var(--ink);font-size:.95rem}.form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.chip{border:1px solid var(--line);background:var(--surface-2);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:.8rem;line-height:1.9;display:inline-flex}.chip:before{content:"";background:var(--c,var(--ink-2));border-radius:50%;width:8px;height:8px}.chip.todo{--c:transparent}.chip.todo:before{border:1.5px solid var(--ink-2)}.chip.doing{--c:var(--doing)}.chip.submitted{--c:var(--gold)}.chip.revise{--c:var(--orange);border-style:dashed;border-color:var(--orange)}.chip.done{--c:var(--done)}.tag{background:var(--surface-2);border:1px solid var(--line);color:var(--ink-2);white-space:nowrap;border-radius:6px;padding:0 7px;font-size:.74rem;display:inline-block}.tag.gold{color:var(--gold);border-color:color-mix(in srgb, var(--gold) 50%, transparent)}.tag.danger{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 50%, transparent)}.tag.brand{color:var(--done);border-color:color-mix(in srgb, var(--done) 50%, transparent)}.tag.red{color:var(--brand);border-color:color-mix(in srgb, var(--brand) 50%, transparent)}.bar{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;height:8px;display:flex;overflow:hidden}.bar>span{height:100%;display:block}.bar.lg{height:16px}.seg-todo{background:0 0}.seg-doing{background:var(--doing)}.seg-submitted{background:var(--gold)}.seg-revise{background:var(--orange)}.seg-done{background:var(--done)}.legend{color:var(--ink-2);flex-wrap:wrap;gap:6px 14px;font-size:.82rem;display:flex}.legend i{vertical-align:middle;border:1px solid var(--line);border-radius:3px;width:10px;height:10px;margin-inline-end:5px;display:inline-block}.map-row{border-bottom:1px dashed var(--line);grid-template-columns:minmax(170px,260px) 1fr 52px minmax(110px,170px);align-items:center;gap:10px;padding:6px 0;display:grid}.map-row:last-child{border-bottom:0}.map-row.mine{background:color-mix(in srgb, var(--gold) 10%, transparent);border-radius:var(--r);padding-inline:6px}.cells{flex-wrap:wrap;gap:3px;display:flex}.cell{border:1.5px solid var(--line);background:var(--surface);cursor:pointer;border-radius:1px;width:20px;height:20px;padding:0;position:relative}.cell.ind{border-radius:50%}.cell.doing{background:var(--doing);border-color:var(--doing)}.cell.submitted{background:var(--gold);border-color:var(--gold)}.cell.revise{background:color-mix(in srgb, var(--orange) 35%, transparent);border:1.5px dashed var(--orange)}.cell.done{background:var(--done);border-color:var(--done)}.cell.overdue:after{content:"";top:-3px;background:var(--danger);border:1.5px solid var(--surface);border-radius:50%;width:8px;height:8px;position:absolute;inset-inline-end:-3px}.cell:hover{transform:scale(1.15)}@media (width<=760px){.map-row{grid-template-columns:1fr 52px}.map-row .cells{order:3;grid-column:1/-1}.map-row .owner{display:none}}.list{margin:0;padding:0;list-style:none}.list>li{border-bottom:1px solid var(--line);padding:8px 0}.list>li:last-child{border-bottom:0}.task-row{border-radius:var(--r);cursor:pointer;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:7px 10px;display:grid}.task-row:hover{background:var(--surface-2)}.task-row .meta{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.task-row.ind{background:var(--surface-2);font-weight:600}.task-row .title{min-width:0}.card{container-type:inline-size}@container (width<=720px){.task-row{grid-template-columns:auto 1fr}.task-row .meta{grid-column:1/-1;justify-content:flex-start}}.dialog-body{container-type:inline-size}table.table{border-collapse:collapse;width:100%;font-size:.9rem}.table th,.table td{text-align:start;border-bottom:1px solid var(--line);vertical-align:middle;padding:7px 8px}.table th{color:var(--ink-2);background:var(--surface-2);cursor:default;font-weight:500;position:sticky;top:0}.table th.sortable{cursor:pointer}.table tr:hover td{background:color-mix(in srgb, var(--surface-2) 60%, transparent)}.table-wrap{overflow-x:auto}details.gap{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);padding:0 12px}details.gap+details.gap{margin-top:8px}details.gap summary{cursor:pointer;justify-content:space-between;gap:10px;padding:8px 0;font-weight:500;list-style:none;display:flex}details.gap summary::-webkit-details-marker{display:none}details.gap summary .count{background:var(--surface-2);border-radius:999px;padding:0 10px;font-weight:700}details.gap.hot summary .count{background:color-mix(in srgb, var(--danger) 15%, transparent);color:var(--danger)}details.gap[open]{padding-bottom:8px}.split{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:14px;display:grid}.side{max-height:calc(100vh - 136px);padding:10px;position:sticky;top:120px;overflow:auto}.side a{border-radius:var(--r);color:var(--ink);padding:7px 10px;text-decoration:none;display:block}.side a.active{background:var(--brand-soft);box-shadow:inset -3px 0 0 var(--brand)}.side a:hover{background:var(--surface-2)}.seg{border:1px solid var(--line);display:inline-flex;overflow:hidden}.seg button{cursor:pointer;background:0 0;border:0;padding:3px 12px}.seg button.on{background:var(--brand);color:var(--brand-ink)}@media (width<=900px){.split{grid-template-columns:minmax(0,1fr)}.side{max-height:none;position:static}.split.has-detail .side,.split:not(.has-detail) .detail-empty{display:none}}@media (width>=901px){.back-link{display:none}}.overlay{z-index:50;background:#06120e80;justify-content:center;align-items:flex-start;padding:3vh 12px;display:flex;position:fixed;inset:0}.dialog{background:var(--surface);border-radius:var(--radius);border:1px solid var(--line);flex-direction:column;width:min(980px,100%);max-height:94vh;display:flex;box-shadow:0 20px 60px #0000004d}.dialog.sm{width:min(520px,100%)}.dialog-head{border-bottom:1px solid var(--line);background:var(--surface);border-radius:var(--radius) var(--radius) 0 0;flex:none;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 18px;display:flex}.dialog-body{flex:1;min-height:0;padding:16px 18px;overflow-y:auto}.dialog-foot{border-top:1px solid var(--line);flex-wrap:wrap;flex:none;justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}.crumbs{color:var(--ink-2);flex-wrap:wrap;gap:6px;font-size:.82rem;display:flex}.kv{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px 16px;display:grid}.kv>div>span:first-child{color:var(--ink-2);font-size:.78rem;display:block}.section-title{justify-content:space-between;align-items:center;gap:8px;margin:18px 0 8px;font-family:Noto Kufi Arabic,sans-serif;font-size:.95rem;font-weight:700;display:flex}.explanation{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r);white-space:pre-wrap;padding:12px 14px}.caution{background:color-mix(in srgb, var(--gold) 12%, transparent);border-inline-start:4px solid var(--gold);border-radius:var(--r);margin-top:8px;padding:8px 12px}.revise-note{background:color-mix(in srgb, var(--orange) 12%, transparent);border:1px dashed var(--orange);border-radius:var(--r);padding:10px 12px}.checklist li{border-bottom:1px dashed var(--line);grid-template-columns:28px 1fr auto;align-items:start;gap:8px;padding:6px 0;display:grid}.checklist .num{color:var(--brand);font-weight:700}.checklist .ok,.ok{color:var(--done)}.checklist .no{color:var(--danger)}.dropzone{border:2px dashed var(--line);border-radius:var(--r);text-align:center;color:var(--ink-2);cursor:pointer;padding:14px;transition:all .15s}.dropzone.over{border-color:var(--brand);background:color-mix(in srgb, var(--brand) 6%, transparent)}.ev{border:1px solid var(--line);border-radius:var(--r);grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:8px;display:grid}.ev+.ev{margin-top:6px}.ev .thumb{border-radius:var(--r);background:var(--surface-2);width:40px;height:40px;color:var(--ink-2);place-items:center;font-size:.7rem;display:grid;overflow:hidden}.ev .thumb img{object-fit:cover;width:100%;height:100%}.ev.old{opacity:.6}.timeline{margin:0;padding:0;list-style:none}.timeline li{border-inline-start:2px solid var(--line);padding:6px 0;padding-inline-start:12px;font-size:.9rem;position:relative}.timeline li:before{content:"";inset-inline-start:-6px;background:var(--line);border-radius:50%;width:10px;height:10px;position:absolute;top:13px}.timeline li.comment:before{background:var(--gold)}.timeline li.status:before{background:var(--done)}.timeline li.comment .body{background:var(--surface-2);border-radius:var(--r);white-space:pre-wrap;padding:4px 10px;display:inline-block}.preview{border-radius:var(--r);background:#fff;border:0;width:100%;height:70vh}.toast-wrap{bottom:18px;z-index:80;gap:8px;display:grid;position:fixed;inset-inline-start:18px}.toast{background:var(--brand-deep);color:#fff;border-inline-start:3px solid var(--gold);border-radius:var(--r);box-shadow:var(--shadow);max-width:420px;padding:8px 14px}.toast.error{background:var(--danger);color:#fff}.menu{top:calc(100% + 6px);background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--r);z-index:40;min-width:240px;padding:6px;position:absolute;inset-inline-end:0;box-shadow:0 10px 30px #0000002e}.menu a,.menu button{text-align:start;border-radius:var(--r);width:100%;color:inherit;cursor:pointer;background:0 0;border:0;padding:7px 10px;text-decoration:none;display:block}.menu a:hover,.menu button:hover{background:var(--surface-2)}.notif{width:min(380px,92vw);max-height:420px;overflow:auto}.notif .item{border-radius:var(--r);cursor:pointer;padding:8px 10px}.notif .item.unread{background:color-mix(in srgb, var(--gold) 12%, transparent)}.empty{text-align:center;color:var(--ink-2);padding:24px 0}.stat{gap:2px;display:grid}.stat b{font-family:Noto Kufi Arabic,sans-serif;font-size:1.6rem;line-height:1.2}.hero{grid-template-columns:auto 1fr;align-items:center;gap:18px;display:grid}.ring{width:96px;height:96px}@media (width<=560px){.hero{grid-template-columns:1fr}.brand small,.role-pill,.kbd,.user-name{display:none}.topbar-inner{gap:4px}}.login-wrap{background:var(--bg);border-top:6px solid var(--brand-deep);place-items:center;min-height:100vh;padding:16px;display:grid}.login-card{border-top:3px solid var(--brand);box-shadow:var(--shadow);width:min(420px,100%)}.spinner{border:2px solid var(--line);border-top-color:var(--brand);vertical-align:middle;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.kbd{border:1px solid var(--line);border-radius:5px;padding:0 5px;font-size:.72rem}.search-box{width:min(640px,100%)}.search-box .input{width:100%;padding:10px 14px;font-size:1.05rem}.search-results a,.search-results button{border-radius:var(--r);color:var(--ink);cursor:pointer;text-align:start;background:0 0;border:0;gap:10px;width:100%;padding:7px 10px;text-decoration:none;display:flex}.search-results .sel,.search-results a:hover,.search-results button:hover{background:var(--surface-2)}.checkbox{width:16px;height:16px;accent-color:var(--brand)}@media print{.topbar,.tabs,.no-print,.toast-wrap{display:none!important}body{background:#fff}.card{box-shadow:none;break-inside:avoid;border-color:#ccc}.overlay{background:0 0;padding:0;position:static}.dialog{max-height:none}.dialog-body{overflow:visible}.dialog{box-shadow:none;border:0;width:100%}main.page{padding:0}}.xl-wrap{border:1px solid var(--line);background:var(--surface);-webkit-overflow-scrolling:touch;max-width:100%;overflow:auto}.xl-wrap.resizing,.xl-wrap.resizing *{-webkit-user-select:none;user-select:none;cursor:col-resize!important}table.xl{border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:.88rem}.xl th,.xl td{border-inline-end:1px solid var(--line);border-bottom:1px solid var(--line);vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;padding:5px 9px;line-height:1.6;overflow:hidden}.xl.wrap td{white-space:normal;overflow-wrap:anywhere}.xl th:last-child,.xl td:last-child{border-inline-end:0}.xl thead th{z-index:2;background:var(--surface-2);color:var(--ink);text-align:start;-webkit-user-select:none;user-select:none;border-bottom:2px solid var(--brand);font-size:.8rem;font-weight:700;position:sticky;top:0}.xl th.sortable{cursor:pointer}.xl th.sortable:hover{background:var(--brand-soft)}.xl-th{align-items:center;gap:6px;min-width:0;display:flex}.xl-label{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.xl-sort{color:var(--ink-2);opacity:.5;flex:none;font-size:.65rem}.xl-sort.on{color:var(--brand);opacity:1}.xl-resize{top:0;bottom:0;cursor:col-resize;z-index:3;touch-action:none;width:9px;position:absolute;inset-inline-end:-4px}.xl-resize:after{content:"";top:20%;bottom:20%;background:0 0;width:1px;position:absolute;inset-inline-start:4px}.xl th:hover .xl-resize:after,.xl-wrap.resizing .xl-resize:after{background:var(--brand)}.xl thead th{position:sticky}.xl tbody tr:nth-child(2n) td{background:color-mix(in srgb, var(--surface-2) 55%, var(--surface))}.xl tbody tr td{background:var(--surface)}.xl tbody tr.clickable{cursor:pointer}.xl tbody tr:hover td{background:var(--brand-soft)}.xl tbody tr.sel td{background:color-mix(in srgb, var(--gold) 22%, var(--surface))}.xl.sticky-first th:first-child,.xl.sticky-first td:first-child{z-index:1;box-shadow:inset -1px 0 0 var(--line);position:sticky;inset-inline-start:0}.xl.sticky-first thead th:first-child{z-index:4}.xl.sticky-first.selectable th:nth-child(2),.xl.sticky-first.selectable td:nth-child(2){z-index:1;position:sticky;inset-inline-start:40px}.xl.sticky-first.selectable thead th:nth-child(2){z-index:4}.xl-check{text-align:center!important;padding:0!important}.xl-empty{color:var(--ink-2);text-align:center!important;padding:24px!important}.xl tfoot td{background:var(--surface-2);border-top:2px solid var(--line);font-weight:700;position:sticky;bottom:0}.xl .num{font-variant-numeric:tabular-nums}.xl-hint{color:var(--ink-2);margin-top:4px;font-size:.75rem}@media (width<=640px){table.xl{font-size:.82rem}.xl th,.xl td{padding:4px 7px}}.xl tbody tr.xl-ind td{background:color-mix(in srgb, var(--brand-soft) 60%, var(--surface));font-weight:700}.card>h2,.card>.row>h2,.card>.row>div>h1,.card>h1{border-inline-start:3px solid var(--brand);padding-inline-start:10px;line-height:1.4}.login-card h1{border:0!important;padding:0!important}
