@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;600;700;800&display=swap');
*{box-sizing:border-box}body{margin:0;background:#f6f8fa;color:#203333;font-family:'Noto Sans Arabic',Tahoma,Arial,sans-serif;font-size:13px}button,input,select,textarea{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}aside{width:245px;background:#fff;border-left:1px solid #e4ebeb;position:fixed;top:0;bottom:0;right:0;padding:35px 19px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;font-size:27px;font-weight:800;padding:0 13px}.brandIcon{display:grid;place-items:center;background:#126d61;color:#fff;border-radius:12px;width:44px;height:47px}.brand small{font-size:10px;display:block;font-weight:400;color:#7c8c8d;margin-top:-3px}.workspace{font-size:10px;color:#8d9a9d;margin:40px 14px 14px;display:flex;justify-content:space-between}.workspace span{font-size:9px;font-weight:700;letter-spacing:1px;color:#697b7c}nav{display:grid;gap:7px}nav button{display:flex;align-items:center;gap:12px;background:transparent;text-align:right;color:#6e7e82;padding:13px 14px;border-radius:8px;font-size:12px}nav button.active{background:#e8f4f0;color:#166e5e;font-weight:700}nav b{margin-right:auto;background:white;padding:0 7px;border-radius:5px;font-size:10px}.sideNote{margin-top:auto;background:#f7faf9;border:1px solid #e7eeeb;border-radius:10px;padding:17px;color:#388271}.sideNote h4{font-size:12px;margin:8px 0}.sideNote p{color:#8b999a;font-size:10px;line-height:1.9;margin:0}.profile{margin-top:24px;border-top:1px solid #edf0f0;padding-top:18px;display:flex;gap:10px;align-items:center;font-size:11px;font-weight:600}.profile>span,.avatar{display:grid;place-items:center;width:34px;height:34px;background:#e8eeeb;border-radius:50%;color:#306b5e}.profile small{display:block;font-weight:400;font-size:9px;color:#8c999b}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#36a887}.profile .dot{margin-right:auto}main{margin-right:245px;min-height:100vh}header{height:77px;background:#fff;border-bottom:1px solid #e7eded;display:flex;align-items:center;justify-content:space-between;padding:0 40px}.breadcrumb{display:flex;align-items:center;gap:12px;color:#869395;font-size:11px}.headerStatus{display:flex;align-items:center;gap:8px;font-size:10px;color:#7d8e8d}.avatar{margin-right:15px}.content{max-width:1500px;margin:auto;padding:36px 40px 24px}.pageHeading{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px}.eyebrow{font-size:8px;letter-spacing:1.7px;color:#83a09a;font-weight:600}h1{font-size:27px;margin:7px 0 4px;letter-spacing:-.7px}p{line-height:1.9}.pageHeading p{color:#899598;font-size:11px;margin:0}.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#166f60;color:white;padding:11px 19px;border-radius:7px;font-size:11px}.primary:hover{background:#105647}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:23px}.stat{background:#fff;border:1px solid #e7eded;border-radius:10px;padding:18px 21px}.stat>div{display:flex;align-items:center;justify-content:space-between;color:#6e7e81;font-size:11px}.stat i{display:grid;place-items:center;width:33px;height:33px;border-radius:8px}.mint{background:#e7f5ee;color:#378c6b}.blue{background:#eaf0fa;color:#5a83c3}.purple{background:#f2edfb;color:#8f71c0}.orange{background:#fdf1e4;color:#ca995d}.stat strong{display:block;font-size:30px;font-family:Arial,sans-serif;font-weight:600;margin:9px 0}.stat small{font-size:9px;color:#9ba5a7}.welcome{display:flex;align-items:center;justify-content:space-between;border:1px solid #dcebe5;background:#edf5f1;border-radius:11px;padding:27px 32px;margin-bottom:28px;overflow:hidden}.tag{font-size:9px;color:#4c8a76}.welcome h2{font-size:22px;margin:8px 0;color:#255648}.welcome p{font-size:11px;color:#759084;margin:4px 0 16px}.welcome button{display:flex;align-items:center;gap:16px;background:white;color:#387b64;border:1px solid #d6e4db;border-radius:6px;font-size:10px;padding:8px 13px}.drawing{width:240px;display:flex;justify-content:center;position:relative}.paper{background:#fff;width:135px;height:156px;border:1px solid #e0e8df;border-radius:10px;transform:rotate(-8deg);padding:19px;color:#94b7a1;box-shadow:12px 13px 0 #dfece2}.paper>span{display:block;background:#eaf1ec;height:5px;border-radius:3px;margin-top:9px}.paper>span:nth-child(3){width:70%}.paper b{display:flex;align-items:center;gap:6px;position:absolute;bottom:12px;right:23px;font-size:9px;color:#699d78}.orbit{position:absolute;background:#fff;padding:12px;border-radius:12px;top:12px;right:10px;transform:rotate(8deg);color:#7cae8a;border:1px solid #dceadd}.panel{border:1px solid #e4eaeb;border-radius:10px;background:#fff;overflow:hidden}.sectionTitle{display:flex;align-items:center;justify-content:space-between;padding:21px 24px 15px}.sectionTitle h2{font-size:15px;margin:0;display:flex;align-items:center;gap:9px}.sectionTitle h2 span{background:#f0f4f3;color:#82968d;border-radius:5px;padding:0 7px;font-size:10px}.sectionTitle p{font-size:9px;color:#9aa5a6;margin:4px 0}.outline{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#fff;border:1px solid #dfe7e4;border-radius:6px;padding:8px 12px;font-size:10px;color:#57776c}.filters{padding:0 24px 20px;display:flex;gap:10px}.search{display:flex;align-items:center;border:1px solid #e5e9e8;border-radius:6px;padding:0 10px;gap:7px;color:#a3acab;flex:1}.search input{border:0;padding:9px 0;width:100%;font-size:10px;background:transparent}.filters select{min-width:140px;font-size:10px}select,input,textarea{border:1px solid #e1e7e5;border-radius:6px;padding:9px;color:#4b6460;background:white;max-width:100%}.tableWrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:right;white-space:nowrap}th{padding:12px 23px;background:#f8faf9;border-top:1px solid #ecf0ed;border-bottom:1px solid #ecf0ed;font-size:9px;font-weight:500;color:#8b9997}td{padding:15px 23px;border-bottom:1px solid #f0f2f1;font-size:10px;color:#6d7f7a}.company{display:flex;align-items:center;gap:10px}.company>span{width:32px;height:32px;border:1px solid #e5ebe6;background:#f4f7f4;display:grid;place-items:center;border-radius:8px;color:#668270}.company b{color:#344e43;font-weight:600}.company small{display:block;color:#9aa59e;font-size:9px;margin-top:4px}.phone{font-family:Arial,sans-serif}.status{font-size:9px;border:0;background:#fff7e8;color:#b18d4a;padding:5px}.status.approved{background:#e8f5ee;color:#3d9670}.details{background:transparent;color:#5d8772;font-size:9px;display:flex;align-items:center;gap:4px}.tableFooter{padding:13px 24px;display:flex;justify-content:space-between;color:#9da8a3;font-size:9px}.empty{text-align:center;padding:30px;color:#9aaa9e}.empty h3{color:#698271;font-size:13px}.empty p{font-size:10px}.empty .outline{margin-top:5px}.bottomHint{display:flex;justify-content:center;align-items:center;gap:12px;color:#9aa89f;font-size:9px;margin-top:25px}.mainFooter{margin:0 40px;padding:18px 0;border-top:1px solid #e4ebe7;color:#778c7d;font-size:11px}.mainFooter span{font-size:9px;color:#a4afa7;margin-right:13px}.mainFooter span:last-child{float:left}.projectGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.projectCard,.newProject{text-align:right;border:1px solid #e0e8e2;border-radius:10px;background:#fff;padding:24px}.projectCard i{display:grid;place-items:center;width:40px;height:40px;background:#edf5ef;color:#548f6a;border-radius:10px}.projectCard h3{font-size:15px}.projectCard p{font-size:11px;color:#90a095}.projectCard footer{display:flex;justify-content:space-between;border-top:1px solid #ecf0eb;padding-top:15px;font-size:10px;color:#558267}.newProject{display:flex;align-items:center;justify-content:center;gap:10px;min-height:210px;background:transparent;border-style:dashed;color:#7e9b87}.fileList{padding:0 24px}.fileList a{display:flex;align-items:center;gap:15px;border-top:1px solid #edf1ee;padding:17px;color:#6c8c76}.fileList small{display:block;font-size:10px;color:#9ba89f;margin-top:4px}.fileList a>svg:last-child{margin-right:auto}.notice{display:flex;justify-content:space-between;gap:20px;overflow-wrap:anywhere;background:#e5f0e8;padding:12px 18px;border-radius:8px;color:#457d58;margin-bottom:20px}.notice button{background:transparent}.overlay{position:fixed;inset:0;background:#15392e66;backdrop-filter:blur(3px);z-index:10;display:flex;align-items:center;justify-content:center;padding:20px}.dialog{background:#fff;width:540px;max-height:90vh;overflow:auto;padding:30px;border-radius:15px;position:relative;box-shadow:0 20px 80px #15392e33}.close{position:absolute;left:20px;top:17px;background:#f0f4f1;border-radius:50%;width:28px;height:28px;font-size:19px;color:#7b8d80}.dialog h2{font-size:22px;margin:7px 0 20px}.dialog label{display:flex;flex-direction:column;gap:6px;font-size:11px;color:#6c8173;margin-bottom:13px}.dialog input,.dialog select,.dialog textarea{width:100%;padding:10px}.dialog textarea{min-height:70px;resize:vertical}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.submit{width:100%;margin-top:10px}.submit:disabled{opacity:.6}.upload{border:1px dashed #b7cdbc;border-radius:9px;padding:18px;background:#f5faf6;align-items:center}.dialog label.checkbox{flex-direction:row;align-items:center}.checkbox input{width:auto}.dialog p{color:#768c7c}.dialog p svg{vertical-align:middle}.muted{color:#97a399;padding:20px}@media(min-width:1600px){.content{padding-top:45px}}@media(max-width:1100px){aside{width:210px;padding-inline:12px}main{margin-right:210px}.content{padding:25px}.stats{gap:10px}.stat{padding:14px}.filters{flex-wrap:wrap}.drawing{width:180px}td,th{padding-inline:15px}.projectGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){aside{position:static;width:100%;padding:15px;border-left:0}.brand{font-size:22px}.workspace,.sideNote,.profile{display:none}nav{display:flex;overflow:auto;margin-top:17px;gap:2px}nav button{font-size:10px;white-space:nowrap;padding:10px}nav button svg{width:15px}main{margin-right:0}header{height:53px;padding:0 20px}.headerStatus{font-size:8px}.content{padding:24px 15px}.pageHeading{gap:12px;align-items:flex-start}h1{font-size:21px}.eyebrow{font-size:6px}.pageHeading p{font-size:10px}.primary{padding:10px;font-size:10px;white-space:nowrap}.stats{grid-template-columns:1fr 1fr}.stat strong{font-size:25px}.welcome{padding:23px}.welcome h2{font-size:19px}.drawing{display:none}.filters{padding:0 15px 15px}.search{flex-basis:100%}.sectionTitle{padding:18px 15px}.bottomHint{flex-wrap:wrap;font-size:8px}.projectGrid{grid-template-columns:1fr}.mainFooter{margin:0 15px}.dialog{padding:25px}.formGrid{grid-template-columns:1fr 1fr}}
.publicShell{max-width:1250px;margin:auto;padding:25px 35px}.publicTop{display:flex;align-items:center;justify-content:space-between;gap:20px}.publicBrand{display:flex;gap:18px;align-items:center}.publicBrand img{width:280px;max-width:48vw;height:auto}.publicBrand>div{font-weight:700;border-right:1px solid #d8e2e8;padding-right:18px;color:#23517c}.publicBrand small{display:block;font-size:8px;letter-spacing:1px;color:#879cac}.publicHero{background:#edf2f8;border:1px solid #dce6ef;border-radius:17px;margin:35px 0;padding:45px;display:flex;align-items:center;justify-content:space-between}.publicHero h1{font-size:40px;color:#1c4274}.publicHero p{font-size:13px;color:#6e8299}.publicSteps{display:flex;gap:25px;font-size:10px;margin-top:25px;color:#4b719a}.heroIcon{color:#7597c3;padding:20px}.publicGrid{display:grid;grid-template-columns:1.25fr 1fr;gap:24px}.supplierForm{padding:26px}.supplierForm h2{font-size:19px;margin-top:0}.supplierForm label{display:flex;flex-direction:column;gap:7px;margin-bottom:16px;color:#71849b;font-size:11px}.supplierForm input,.supplierForm select{width:100%}.supplierForm p{color:#8a9aad;font-size:11px}.publicProject{display:flex;gap:15px;width:100%;text-align:right;background:#f8fafc;border:1px solid #e4ebf0;border-radius:10px;padding:16px;margin-top:12px;color:#416b93}.publicProject h3{font-size:14px;margin:0}.publicProject p{margin:3px 0}.publicProject small{color:#8a9aad;line-height:1.8}.publicProject.chosen{border-color:#5c82ad;background:#eff5fa}.mt{margin-top:24px}.supplierFile{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #edf1f5;gap:15px;font-size:12px;color:#507397;overflow-wrap:anywhere}.supplierFile small{display:block;color:#97a6b6;font-size:10px;margin-top:4px}.publicFooter{padding:30px 0;margin-top:25px;border-top:1px solid #dfe6ed;color:#6483a5;font-size:11px}.publicFooter span{float:left;color:#a0aebb}.loginPage{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:45px;flex-direction:column;padding:30px}.loginPage .dialog{box-shadow:0 20px 60px #19325410;border:1px solid #e1e9ed}.backLink{display:block;font-size:11px;color:#6e8da9;margin-top:20px;text-align:center}.brand.companyBrand{padding:0;font-size:12px}.companyBrand img{width:205px;height:auto}.reviewGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grade{background:#ecf2f8;color:#42698e;padding:5px 9px;border-radius:6px;font-weight:700}.ratingSummary{padding:15px;background:#edf4f8;border-radius:8px;color:#416d8d}.dialog .reviewGrid label{font-size:10px}.reviewGrid input{max-width:120px}.dialog[role=dialog]{outline:none}.primary{background:#245d94}.primary:hover{background:#194879}.tag{color:#537da8}nav button.active{color:#245d94;background:#eaf1f8}.welcome{background:#edf3f9;border-color:#dae5ef}.welcome h2{color:#2d5a85}.mainFooter{color:#4a7197}.formNote{font-size:10px!important}.sessionActions{display:flex;gap:10px;align-items:center}.sessionActions a{color:#507aa2;font-size:10px}.reviewFilters{display:flex;gap:10px;padding:0 24px 15px;flex-wrap:wrap}.reviewFilters select{font-size:10px}.loginPage h1{font-size:25px}@media(max-width:760px){.publicShell{padding:20px 15px}.publicHero{padding:25px;margin:25px 0}.publicHero h1{font-size:27px}.heroIcon,.publicBrand>div{display:none}.publicGrid{grid-template-columns:1fr}.publicSteps{gap:12px;flex-wrap:wrap;font-size:9px}.supplierForm{padding:22px}.companyBrand img{width:200px}.reviewGrid{grid-template-columns:1fr 1fr}}