*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f4f7fb;color:#172033}header{background:#0b1736;color:#fff;padding:16px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px}header nav{display:flex;gap:14px;flex-wrap:wrap}a{color:inherit;text-decoration:none}.card,.box{background:#fff;border-radius:16px;padding:22px;margin:18px 0;box-shadow:0 8px 25px #10204012}main{max-width:1100px;margin:auto;padding:20px 4%}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.stat{font-size:28px;font-weight:700}input,select,textarea{width:100%;padding:12px;margin:7px 0 14px;border:1px solid #ccd4e0;border-radius:9px}button,.btn{background:#155eef;color:white;border:0;padding:11px 16px;border-radius:9px;cursor:pointer;display:inline-block}.danger{background:#c62828}.success{background:#138a4b}.alert{background:#e7f2ff;padding:12px;border-radius:9px;margin:12px 0}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:12px;border-bottom:1px solid #e8edf3;text-align:left}footer{text-align:center;padding:30px;color:#667085;font-size:12px}@media(max-width:650px){header{align-items:flex-start;flex-direction:column}}