@import url("https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap");*{box-sizing:border-box}body{margin:0;background:#f7f4ee;color:#14233a;font-family:Tajawal,system-ui}header{height:74px;background:#06172f;color:white;display:flex;align-items:center;padding:0 5vw;gap:50px}.brand{color:#e7b368;font-size:29px;font-weight:800;line-height:.75}.brand small{display:block;font-size:9px;margin-top:6px;text-align:center}nav{flex:1 1;color:#cbd3dc}button{font-family:inherit;border:0;border-radius:10px;padding:11px 15px;background:#e7b368;color:#06172f;font-weight:700}.welcome{background:#0c2340;color:white;padding:48px 7vw;display:flex;justify-content:space-between;align-items:center}.welcome span{color:#e7b368}.welcome h1{font-size:38px;margin:8px 0}.welcome p{color:#b7c2cf}.cards{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin:-24px 7vw 25px}.cards article,.panel{background:white;border-radius:16px;padding:22px;box-shadow:0 10px 35px #06172f10;border:1px solid #eee8de}.cards b,.cards small,.cards span{display:block}.cards small{color:#6f7b8a}.cards b{font-size:27px;margin:10px 0}.cards span{color:#147a67;font-size:12px}.warn{color:#e77b32!important}.content{display:grid;grid-template-columns:2fr 1fr;grid-gap:18px;gap:18px;margin:0 7vw 50px}.title{display:flex;justify-content:space-between}.panel h2,.title h2{margin:0}.title p{color:#7d8794}.title a{color:#147a67;text-decoration:none}.offer{display:grid;grid-template-columns:50px 2fr 1fr 1fr auto;align-items:center;grid-gap:14px;gap:14px;padding:17px 0;border-top:1px solid #eee}.offer b,.offer small{display:block}.offer small{color:#7c8795;font-size:12px}.offer button{background:#f3eadb}.thumb{width:46px;height:46px;background:#f5eee3;border-radius:11px;display:grid;place-items:center}.score{font-size:55px;font-weight:800;color:#147a67;margin:24px 0}.score small{font-size:15px;color:#74808e}.panel label{display:flex;justify-content:space-between;margin-top:17px;font-size:13px}.panel progress{width:100%;height:9px;accent-color:#147a67}@media (max-width:850px){header nav{display:none}.welcome{padding:35px 22px}.cards{grid-template-columns:repeat(2,1fr);margin:-20px 20px 25px}.content{grid-template-columns:1fr;margin:0 20px}.offer{grid-template-columns:45px 1fr}.offer>div:nth-of-type(n+3){display:none}.welcome h1{font-size:30px}}.supplier-metrics{margin-bottom:18px}.metric-strip{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.metric-strip>div{background:#f7f2e9;border-radius:12px;padding:14px}.metric-strip b,.metric-strip small{display:block}.metric-strip b{font-size:22px;margin-top:5px}@media(max-width:520px){.metric-strip{grid-template-columns:1fr}}.supplier-login{min-height:100vh;display:grid;place-items:center}.supplier-login form{width:min(420px,90vw);background:white;border-radius:20px;padding:35px;display:grid;grid-gap:14px;gap:14px;box-shadow:0 20px 60px #06172f20}.supplier-login input{padding:13px;border:1px solid #ddd;border-radius:10px;font-family:inherit}.supplier-orders{margin:0 7vw 60px;display:grid;grid-gap:16px;gap:16px}.supplier-order{background:white;border:1px solid #eee4d6;border-radius:17px;padding:22px}.portal-status{background:#e6f3ee;color:#147a67;padding:7px 12px;border-radius:20px}.actions{display:flex;gap:8px}.delivery-min{color:#697586}.portal-error{background:#fff0e7;color:#a65226;padding:12px}.empty-portal{text-align:center;background:white;padding:50px;border-radius:18px}@media (max-width:600px){.supplier-orders{margin-inline:20px}.supplier-order .offer{grid-template-columns:45px 1fr}.actions{flex-wrap:wrap}}