@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;600;700&family=Manrope:wght@600;800&display=swap');:root{font-family:'IBM Plex Sans Arabic',Arial,sans-serif;color:#17252c;background:#f1f4f2;--navy:#10202d;--gold:#db9d56;--blue:#3c839e}*{box-sizing:border-box}body{margin:0;background:linear-gradient(#f1f4f2e8,#f1f4f2f8),linear-gradient(90deg,#19303b0b 1px,transparent 1px),linear-gradient(#19303b0b 1px,transparent 1px);background-size:auto,38px 38px,38px 38px}.portal-shell{max-width:1250px;margin:auto;padding:0 clamp(18px,5vw,68px)}.portal-nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #19303b18}.portal-brand{display:flex;flex-direction:column;text-decoration:none;color:var(--navy);line-height:1}.portal-brand b{font:800 13px Manrope;letter-spacing:.13em}.portal-brand small{font:10px monospace;color:var(--blue);margin-top:7px;letter-spacing:.1em}.portal-nav nav{display:flex;gap:8px;align-items:center}.portal-nav nav a,.portal-nav button{font:600 11px inherit;text-decoration:none;color:#48606a;border:1px solid #19303b26;border-radius:7px;padding:9px 12px;background:transparent;cursor:pointer}.portal-hero{padding:72px 0 40px;max-width:790px}.portal-hero>span,.panel-title span{font:11px monospace;color:#a2652a;letter-spacing:.15em}.portal-hero h1{font-size:clamp(38px,6vw,68px);line-height:1.04;margin:17px 0}.portal-hero p{font-size:17px;line-height:1.9;color:#65767c}.portal-content{padding-bottom:70px}.portal-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:17px}.portal-stats div{background:#fff;border:1px solid #d9e1dd;border-radius:12px;padding:18px}.portal-stats b{display:block;font:800 31px Manrope;color:var(--blue)}.portal-stats span{font-size:12px;color:#708087}.portal-panel{background:#fff;border:1px solid #d9e1dd;border-radius:15px;padding:22px;box-shadow:0 15px 50px #19303b0b}.panel-title{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:15px}.panel-title h2{margin:8px 0 0;font-size:26px}.panel-title>small{color:#789098;font-size:11px}.project-list{display:grid;gap:9px}.project-row{display:grid;grid-template-columns:58px 1.3fr auto;gap:12px;align-items:center;border:1px solid #e2e8e4;border-radius:9px;padding:9px}.project-thumb{width:58px;height:58px;border-radius:7px;background:linear-gradient(135deg,#2b4b59,#d69c5e);background-size:cover;background-position:center;position:relative}.project-thumb i{position:absolute;inset:11px;border:1px solid #ffffff88}.project-info b,.project-info small{display:block}.project-info b{font-size:14px}.project-info small{font-size:11px;color:#7b898e;margin-top:4px}.status{font-size:10px;border-radius:99px;padding:6px 9px;background:#e8f1ed;color:#47735a;white-space:nowrap}.project-files{grid-column:2/4;border-top:1px solid #edf0ee;padding-top:8px;display:flex;gap:7px;flex-wrap:wrap}.project-files a{font-size:10px;color:#377892;text-decoration:none;border:1px solid #cde0e6;border-radius:6px;padding:5px 7px}.project-files small{font-size:10px;color:#8b979b}.portal-note{margin-top:17px;padding:20px;background:var(--navy);border-radius:14px;color:#fff;display:flex;align-items:center;gap:18px}.portal-note p{color:#bac7cb;margin:0;font-size:12px;flex:1}.portal-note b{font-size:15px}.portal-note a{color:var(--gold);font-size:12px;text-decoration:none}.portal-login,.portal-loading,.empty{text-align:center;padding:42px;color:#718087}.portal-login{background:#fff;border:1px solid #d9e1dd;border-radius:15px}.portal-login b{font:11px monospace;color:#a2652a;letter-spacing:.13em}.portal-login h2{color:var(--navy)}.portal-login a{display:inline-block;background:var(--navy);color:#fff;padding:11px 18px;border-radius:7px;text-decoration:none;font-size:12px}@media(max-width:650px){.portal-nav{display:block;padding:18px 0}.portal-nav nav{margin-top:16px;flex-wrap:wrap}.portal-stats{grid-template-columns:1fr 1fr}.portal-stats div:last-child{grid-column:1/-1}.project-row{grid-template-columns:50px 1fr}.project-thumb{width:50px;height:50px}.status{grid-column:2;justify-self:start}.project-files{grid-column:1/-1}.portal-note{display:block}.portal-note p{margin:8px 0 12px}}