*{box-sizing:border-box}body{margin:0;font-family:system-ui,Arial;background:#f5f6f8;color:#20242a}header{background:#15181d;color:white;padding:14px 4%;display:flex;gap:25px;align-items:center;flex-wrap:wrap}nav{display:flex;gap:14px;flex-wrap:wrap}a{color:#8b5cf6;text-decoration:none}header a{color:#fff}main{max-width:1180px;margin:28px auto;padding:0 18px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.card{background:white;border:1px solid #ddd;border-radius:14px;padding:20px;box-shadow:0 2px 8px #0000000d}.metric{font-size:2rem;font-weight:700}.button,button{background:#6d28d9;color:white;border:0;border-radius:8px;padding:10px 15px;cursor:pointer;display:inline-block}input,textarea,select{width:100%;padding:10px;margin:5px 0 14px;border:1px solid #bbb;border-radius:8px}label{font-weight:600}table{width:100%;border-collapse:collapse;background:white}th,td{padding:11px;border-bottom:1px solid #ddd;text-align:left}.flash{padding:12px;background:#e8ddff;border-radius:8px;margin-bottom:16px}.progress{height:14px;background:#ddd;border-radius:20px;overflow:hidden}.progress span{display:block;height:100%;background:#6d28d9}.hero{padding:42px 20px;background:linear-gradient(135deg,#24104f,#6d28d9);color:white;border-radius:16px}.muted{color:#68707c}.actions{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:700px){table{font-size:.9rem}header{align-items:flex-start;flex-direction:column}}