:root{--wall-1:#cfe1d8;--wall-2:#d8e2ee;--wall-3:#ece4d4;--wall-4:#dcd9ea;--glass:rgba(255,255,255,.58);--glass-strong:rgba(255,255,255,.78);--glass-soft:rgba(255,255,255,.40);--glass-line:rgba(255,255,255,.75);--hair:rgba(31,52,46,.10);--ink:#1d2b27;--ink-2:#4f625c;--ink-3:#7d8f89;--on-accent:#ffffff;--sage:#3f8a76;--sage-soft:rgba(63,138,118,.14);--mist:#5c80a8;--mist-soft:rgba(92,128,168,.14);--sand:#b07f2f;--sand-soft:rgba(183,139,62,.16);--rose:#b85a5a;--rose-soft:rgba(192,100,100,.14);--shadow:0 30px 80px -30px rgba(29,52,46,.35),0 8px 24px -12px rgba(29,52,46,.18);--hl:inset 0 1px 0 rgba(255,255,255,.85);--display:"Readex Pro","IBM Plex Sans Arabic",system-ui,sans-serif;--body:"IBM Plex Sans Arabic",-apple-system,"Segoe UI",Tahoma,sans-serif;--r:16px;color-scheme:light}@media (prefers-color-scheme:dark){:root{--wall-1:#16302a;--wall-2:#1a2535;--wall-3:#2b2619;--wall-4:#231f33;--glass:rgba(28,38,36,.60);--glass-strong:rgba(30,40,38,.82);--glass-soft:rgba(40,52,49,.42);--glass-line:rgba(255,255,255,.10);--hair:rgba(220,235,230,.10);--ink:#e4ece9;--ink-2:#a9bab4;--ink-3:#7f918b;--on-accent:#0f1a17;--sage:#6cc2a8;--sage-soft:rgba(108,194,168,.16);--mist:#8fb0d6;--mist-soft:rgba(143,176,214,.16);--sand:#dcb067;--sand-soft:rgba(220,176,103,.16);--rose:#e08c8c;--rose-soft:rgba(224,140,140,.16);--shadow:0 30px 80px -30px rgba(0,0,0,.6),0 8px 24px -12px rgba(0,0,0,.4);--hl:inset 0 1px 0 rgba(255,255,255,.08);color-scheme:dark}}*{box-sizing:border-box}body,html{height:100%;margin:0}body{font-family:var(--body);font-size:14px;line-height:1.6;color:var(--ink);background:var(--wall-1);background-image:radial-gradient(60% 70% at 85% 10%,var(--wall-2),transparent 70%),radial-gradient(55% 60% at 10% 90%,var(--wall-3),transparent 70%),radial-gradient(45% 50% at 20% 15%,var(--wall-4),transparent 70%);background-attachment:fixed}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--sage);outline-offset:2px}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.muted{color:var(--ink-2)}.faint{color:var(--ink-3)}.sm{font-size:12.5px}.xs{font-size:11.5px}.desk{padding:18px max(16px,env(safe-area-inset-right)) 18px max(16px,env(safe-area-inset-left))}.desk,.win{height:100%}.win{max-width:1480px;margin:0 auto;border-radius:22px;display:grid;grid-template-columns:240px minmax(0,1fr);overflow:hidden;box-shadow:var(--shadow),var(--hl);background:var(--glass-soft);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid var(--glass-line)}.side{background:var(--glass);-webkit-border-end:1px solid var(--hair);border-inline-end:1px solid var(--hair);display:flex;flex-direction:column;padding:14px 10px;gap:2px;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;padding:6px 10px 14px}.logo{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:700;color:#fff;background:linear-gradient(145deg,var(--sage),var(--mist));box-shadow:var(--hl)}.brand b,.logo{font-family:var(--display)}.brand b{font-size:17px;display:block;line-height:1.2}.brand small{color:var(--ink-3);font-size:11.5px}.nav-h{font-size:11px;color:var(--ink-3);font-weight:600;padding:12px 12px 4px}.nav{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:9px;color:var(--ink-2);font-size:13.5px}.nav:hover{background:var(--glass-soft);color:var(--ink)}.nav.on{background:var(--glass-strong);color:var(--ink);box-shadow:var(--hl),0 1px 3px rgba(0,0,0,.06);font-weight:600}.nav .count,.nav.on .ico{color:var(--sage)}.nav .count{-webkit-margin-start:auto;margin-inline-start:auto;font-size:11px;background:var(--sage-soft);border-radius:10px;padding:0 7px;font-weight:600}.side-foot{margin-top:auto;padding:10px;border-radius:12px;background:var(--glass-soft);font-size:12px;color:var(--ink-2);display:grid;grid-gap:6px;gap:6px}.main{flex-direction:column;min-width:0;min-height:0}.bar,.main{display:flex}.bar{align-items:center;gap:12px;padding:10px 18px;border-bottom:1px solid var(--hair);background:var(--glass-soft)}.bar h1{font-family:var(--display);font-size:17px;margin:0;font-weight:600;white-space:nowrap}.lights{display:flex;gap:8px;direction:ltr}.lights i{width:12px;height:12px;border-radius:50%;display:block;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.15)}.lights i:first-child{background:#ff5f57}.lights i:nth-child(2){background:#febc2e}.lights i:nth-child(3){background:#28c840}.search{flex:1 1;max-width:360px;display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:10px;background:var(--glass);color:var(--ink-3);cursor:pointer;font-size:13px}.search,.search kbd{-webkit-margin-start:auto;margin-inline-start:auto;border:1px solid var(--hair)}.search kbd{font-family:var(--body);font-size:11px;border-radius:5px;padding:0 5px;direction:ltr}.avatar{width:30px;height:30px;border-radius:50%;background:var(--mist-soft);color:var(--mist);display:grid;place-items:center;font-weight:700;font-size:12px}.content{flex:1 1;overflow-y:auto;padding:20px 22px 48px;min-height:0}.mnav{display:none}.view{display:grid;grid-gap:16px;gap:16px}.head{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.head h2{font-family:var(--display);font-size:24px;margin:0;font-weight:600;text-wrap:balance}.head p{margin:2px 0 0;color:var(--ink-2)}.head .acts{-webkit-margin-start:auto;margin-inline-start:auto;display:flex;gap:8px;flex-wrap:wrap}.card{background:var(--glass);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border:1px solid var(--glass-line);box-shadow:var(--hl),0 6px 20px -14px rgba(29,52,46,.35);border-radius:var(--r);padding:16px;min-width:0}.card>h3{margin:0 0 10px;font-size:14.5px;font-weight:600;display:flex;align-items:center;gap:8px}.card>h3 .more{-webkit-margin-start:auto;margin-inline-start:auto;font-size:12px;font-weight:500;color:var(--sage)}.g{display:grid;grid-gap:14px;gap:14px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.g-main{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.split{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-gap:14px;gap:14px;align-items:start}.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--hair);background:var(--glass-strong);padding:6px 14px;border-radius:9px;cursor:pointer;font-size:13px;font-weight:500;box-shadow:var(--hl);white-space:nowrap}.btn:hover:not(:disabled){border-color:var(--sage)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.pri{background:var(--sage);color:var(--on-accent);border-color:transparent}.btn.danger{color:var(--rose)}.btn.sm{padding:3px 10px;font-size:12px}.chip{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;border-radius:20px;padding:1px 9px;white-space:nowrap}.c-sage{background:var(--sage-soft);color:var(--sage)}.c-mist{background:var(--mist-soft);color:var(--mist)}.c-sand{background:var(--sand-soft);color:var(--sand)}.c-rose{background:var(--rose-soft);color:var(--rose)}.c-gray{background:var(--hair);color:var(--ink-2)}table{width:100%;border-collapse:collapse;font-size:13px}th{font-size:11.5px;color:var(--ink-3);font-weight:600;text-align:start;padding:6px 8px}td,th{border-bottom:1px solid var(--hair)}td{padding:9px 8px;vertical-align:middle}tr:last-child td{border-bottom:0}.tw{overflow-x:auto}.meter{height:6px;background:var(--hair);overflow:hidden;min-width:60px}.meter,.meter>i{border-radius:4px}.meter>i{display:block;height:100%;background:var(--sage)}.meter.mist>i{background:var(--mist)}.meter.sand>i{background:var(--sand)}.meter.rose>i{background:var(--rose)}.row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--hair);font-size:13px}.row:last-child{border-bottom:0}.row .t{flex:1 1;min-width:0}.row .t b{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .t span{font-size:12px;color:var(--ink-3)}.kpi{display:flex;flex-direction:column;gap:4px}.kpi .l{font-size:12.5px;color:var(--ink-2)}.kpi .v{font-family:var(--display);font-size:28px;font-weight:600;line-height:1.2}.kpi .v small{font-size:14px;color:var(--ink-3);font-weight:500}.kpi .s{font-size:12px;color:var(--ink-3)}.score{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:13px;flex-shrink:0;position:relative}.score:before{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--glass-strong)}.score span{position:relative}.ring{width:96px;height:96px;border-radius:50%;margin:4px auto 8px;display:grid;place-items:center;position:relative}.ring:before{content:"";position:absolute;inset:9px;border-radius:50%;background:var(--glass-strong)}.ring b{position:relative;font-family:var(--display);font-size:24px}.field{display:grid;grid-gap:4px;gap:4px;font-size:12.5px;color:var(--ink-2)}.field input,.field select,.field textarea,.input,textarea.input{width:100%;border:1px solid var(--hair);background:var(--glass-strong);border-radius:9px;padding:7px 10px;color:var(--ink);font-size:13.5px}.form-grid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end}.check{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;padding:5px 0}.check i{width:16px;height:16px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;font-style:normal;font-size:10px;font-weight:700;margin-top:2px;color:#fff}.check.ok i{background:var(--sage)}.check.warn i{background:var(--sand)}.check.fail i{background:var(--rose)}.empty{text-align:center;padding:28px 12px;color:var(--ink-3);display:grid;grid-gap:6px;gap:6px;justify-items:center}.ico{flex-shrink:0}.filters{display:flex;gap:6px;flex-wrap:wrap}.fbtn{border:1px solid var(--hair);background:var(--glass-soft);border-radius:20px;padding:3px 12px;font-size:12.5px;cursor:pointer}.fbtn.on{background:var(--ink);color:var(--glass-strong);border-color:var(--ink)}.list-item{display:flex;gap:12px;align-items:center;padding:12px;border-radius:12px;cursor:pointer;border:1px solid transparent;width:100%;text-align:start;background:none}.list-item:hover{background:var(--glass-soft)}.list-item.on{background:var(--glass-strong);border-color:var(--glass-line);box-shadow:var(--hl),0 4px 14px -8px rgba(0,0,0,.2)}.why{background:var(--sage-soft);border-radius:10px;padding:10px 12px;font-size:12.5px}dl.kv{display:grid;grid-template-columns:auto 1fr;grid-gap:6px 14px;gap:6px 14px;margin:0;font-size:13px}dl.kv dt{color:var(--ink-3)}dl.kv dd{margin:0}.toast{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:var(--ink);color:var(--glass-strong);padding:9px 16px;border-radius:12px;font-size:13px;z-index:50;box-shadow:var(--shadow);max-width:calc(100% - 32px)}.toast.error{background:var(--rose);color:#fff}.scrim{position:fixed;inset:0;background:rgba(20,30,28,.25);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;display:grid;place-items:start center;padding:12vh 16px 16px}.sheet{width:min(560px,100%);border-radius:18px;background:var(--glass-strong);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid var(--glass-line);box-shadow:var(--shadow),var(--hl);overflow:hidden}.sheet input.q{width:100%;border:0;border-bottom:1px solid var(--hair);background:transparent;padding:16px 18px;font-size:16px;outline:none}.pal-it{display:flex;gap:10px;align-items:center;padding:9px 12px;border-radius:9px;font-size:13.5px;width:100%;background:none;border:0;cursor:pointer;text-align:start}.pal-it.sel,.pal-it:hover{background:var(--sage-soft)}.pal-it span{-webkit-margin-start:auto;margin-inline-start:auto;font-size:11.5px;color:var(--ink-3)}.gantt{display:grid;grid-gap:2px 0;gap:2px 0;font-size:12px;align-items:center}.gantt .mh{font-size:10.5px;color:var(--ink-3);text-align:center}.gantt .lbl{padding:5px 0;-webkit-padding-end:8px;padding-inline-end:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gantt .cell{height:16px;-webkit-border-start:1px dashed var(--hair);border-inline-start:1px dashed var(--hair)}.gantt .cell.on{background:var(--sage);opacity:.8;border-radius:3px;border:0}.gantt .cell.on.late{background:var(--sand)}.gantt .cell.on.planned{background:var(--mist)}@media (max-width:1180px){.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.desk{padding:10px;min-height:100%}.desk,.win{height:auto}.win{grid-template-columns:1fr;min-height:calc(100vh - 20px)}.side{display:none}.mnav{display:flex;gap:6px;overflow-x:auto;padding:8px 14px;border-bottom:1px solid var(--hair)}.mnav a{border:1px solid var(--hair);background:var(--glass-soft);border-radius:20px;padding:4px 12px;font-size:12.5px;white-space:nowrap}.mnav a.on{background:var(--ink);color:var(--glass-strong)}.content{overflow:visible}.g-main,.g2,.g3,.split{grid-template-columns:1fr}.lights,.search{display:none}}@media (max-width:520px){.g4{grid-template-columns:1fr}.content{padding:14px 12px 30px}}@media (prefers-reduced-motion:no-preference){.view{animation:fade .25s ease}}@keyframes fade{0%{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}