:root{--navy:#0b2348;--navy2:#071a36;--blue:#238ec3;--orange:#ff7f32;--bg:#f4f7fb;--card:#fff;--line:#dde5ef;--text:#10213f;--muted:#64748b;--green:#149647;--red:#dc3545;--purple:#7c3aed;--shadow:0 16px 40px #10213f14}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);direction:rtl;margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button{background:var(--navy);color:#fff;cursor:pointer;border:0;border-radius:14px;padding:12px 18px;font-weight:800;box-shadow:0 8px 18px #0b23481f}button:hover{filter:brightness(1.05)}button.secondary{color:var(--navy);box-shadow:none;border:1px solid var(--line);background:#eef3f8}button.ghost{color:var(--navy);box-shadow:none;border:1px solid var(--line);background:0 0}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#fff;border-radius:14px;outline:none;padding:12px 14px}textarea{resize:vertical;min-height:92px}label{gap:7px;font-size:14px;font-weight:800;display:grid}.page{min-height:100vh}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);z-index:20;background:#ffffffe6;justify-content:space-between;align-items:center;height:92px;padding:0 32px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:16px;display:flex}.brand img{object-fit:contain;height:62px}.brand h1{margin:0;font-size:26px}.brand p,.muted{color:var(--muted);margin:4px 0 0;font-size:14px}.container{max-width:1240px;margin:28px auto;padding:0 20px}.layout{grid-template-columns:260px 1fr;gap:24px;display:grid}.sidebar{background:linear-gradient(180deg,var(--navy),var(--navy2));color:#fff;min-height:calc(100vh - 150px);box-shadow:var(--shadow);border-radius:28px;padding:20px;position:sticky;top:120px}.sidebar .logoBox{align-items:center;gap:12px;margin-bottom:26px;display:flex}.sidebar img{background:#fff;border-radius:18px;width:72px;padding:8px}.navBtn{width:100%;box-shadow:none;background:#ffffff14;justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.navBtn.active{background:#ffffff2e}.card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;padding:24px}.grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.stat{border:1px solid var(--line);background:#fff;border-radius:22px;padding:22px;box-shadow:0 8px 24px #10213f0d}.stat strong{font-size:30px}.stat span{color:var(--muted);margin-top:6px;display:block}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.toolbar input{max-width:300px}.projects{gap:14px;display:grid}.project{border:1px solid var(--line);background:#fff;border-radius:20px;grid-template-columns:1.5fr .9fr 1fr 1.15fr 1.2fr;align-items:start;gap:14px;padding:18px;display:grid}.title{font-size:18px;font-weight:900}.pill{border-radius:999px;align-items:center;gap:7px;padding:8px 12px;font-size:13px;font-weight:900;display:inline-flex}.pill.field{color:#a15c00;background:#fff4df}.pill.drafting{color:#6b21a8;background:#f1e8ff}.pill.gpr{color:#0866a8;background:#e2f3ff}.pill.permits{color:#c2410c;background:#fff0e8}.pill.done{color:#087a36;background:#e5f8ec}.progress{background:#e7edf4;border-radius:99px;height:9px;margin-top:8px;overflow:hidden}.progress i{background:linear-gradient(90deg,var(--blue),var(--navy));border-radius:99px;height:100%;display:block}.history{color:var(--muted);font-size:13px;line-height:1.65}.historyItem{border-bottom:1px dashed #e2e8f0;padding:6px 0}.historyItem:last-child{border-bottom:0}.form{gap:14px;display:grid}.formGrid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.login{max-width:460px;margin:70px auto;padding:0 18px}.login .card{text-align:center;padding:34px}.login img{height:96px;margin:0 auto 18px;display:block}.message{color:#075985;background:#eef6ff;border:1px solid #cfe8ff;margin:0 0 18px}.empty{text-align:center;color:var(--muted);border:1px dashed var(--line);background:#fafcff;border-radius:18px;padding:35px}.photoInput{font-size:13px}.smallBtn{padding:10px 12px;font-size:13px}.setupCode{text-align:left;white-space:pre-wrap;color:#e8eefc;direction:ltr;background:#09162c;border-radius:18px;padding:16px;overflow:auto}.userRow{align-items:center;gap:12px;display:flex}.avatar{width:42px;height:42px;color:var(--navy);background:#e8eef7;border-radius:50%;place-items:center;font-weight:900;display:grid}@media (max-width:1050px){.layout{grid-template-columns:1fr}.sidebar{min-height:auto;position:static}.grid{grid-template-columns:repeat(2,1fr)}.project{grid-template-columns:1fr}.topbar{align-items:flex-start;gap:16px;height:auto;padding:18px}.brand img{height:48px}.brand h1{font-size:21px}.formGrid{grid-template-columns:1fr}}@media (max-width:560px){.grid{grid-template-columns:1fr}.container{padding:0 12px}.topbar{flex-direction:column}.toolbar input{max-width:none}.card{padding:18px}.sidebar{border-radius:20px}}.actionsRow{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cardActions{margin-top:12px}.danger{color:#fff;background:#dc3545}.danger.ghost{color:#b42318;background:#fff5f5;border-color:#fecaca}.editProject{grid-template-columns:1fr}.editHeader{justify-content:space-between;align-items:center;display:flex}.editHeader h3{margin:0}.editGrid{grid-template-columns:repeat(3,1fr)}.photos{grid-template-columns:repeat(4,52px);gap:8px;margin-top:12px;display:grid}.photos img,.photoSkeleton{object-fit:cover;border:1px solid var(--line);background:#eef3f8;border-radius:12px;width:52px;height:52px}.photosEmpty{margin-top:12px;font-size:13px}@media (max-width:1050px){.editGrid{grid-template-columns:1fr}.photos{grid-template-columns:repeat(4,58px)}.photos img,.photoSkeleton{width:58px;height:58px}}