*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f4f7fb;color:#10233f;direction:rtl}main{max-width:1100px;margin:auto;padding:32px 20px}.card{background:#fff;border:1px solid #e4eaf2;border-radius:24px;padding:28px;box-shadow:0 12px 30px #10233f0d}.card:first-child{max-width:460px;margin:12vh auto;text-align:center}.logo{color:#e86d3a;font-weight:800;font-size:24px}h1{font-size:30px;margin:12px 0}button{border:0;border-radius:12px;background:#e86d3a;color:#fff;padding:13px 22px;font-size:16px;cursor:pointer}small{display:block;color:#76849a;margin-top:12px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}.stats div{background:#10233f;color:#fff;border-radius:18px;padding:20px}.stats b,.stats span{display:block}.stats b{font-size:30px}.stats span{opacity:.8;margin-top:6px}article{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf0f4;padding:18px 0}article p{margin:8px 0;color:#52647c}.status{padding:7px 10px;border-radius:9px;background:#edf2f8;font-size:12px;margin-left:10px}.DRIVER_ASSIGNED{background:#fff0e8;color:#b84e1d}.DELIVERED{background:#e5f8ec;color:#19733d}.small{padding:8px 12px;font-size:13px}@media(max-width:650px){.stats{grid-template-columns:1fr}.stats div{display:flex;justify-content:space-between;align-items:center}header{gap:12px}}