body{margin:0;font-family:Segoe UI,Arial;background:linear-gradient(135deg,#fff8f0,#fff,#f8fff7);color:#333}
header{background:linear-gradient(90deg,#ff8a00,#ffb347);padding:28px;text-align:center;color:#fff;box-shadow:0 8px 20px rgba(0,0,0,.12)}
.wrap{max-width:1200px;margin:auto;padding:25px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px}
.card{background:#fff;border-radius:22px;padding:24px;box-shadow:0 12px 28px rgba(0,0,0,.08)}
.big{font-size:64px;font-weight:700;color:#ff7a18}
.mid{font-size:34px;font-weight:700;color:#2d6a4f}
.status{font-size:28px;font-weight:700}
.progress{height:18px;background:#eee;border-radius:30px;overflow:hidden}
.fill{height:100%;background:linear-gradient(90deg,#52b788,#95d5b2)}
.btn{padding:14px 22px;border:0;border-radius:12px;color:#fff;font-size:18px;margin:6px;cursor:pointer}
.g{background:#43aa8b}.o{background:#f8961e}.r{background:#f94144}.b{background:#577590}
footer{text-align:center;color:#888;padding:20px}