*{box-sizing:border-box}body{font-family:Segoe UI,sans-serif;background:linear-gradient(120deg,#eef2f3,#d9e4f5)}.container{max-width:1000px;margin:30px auto;background:#fff;padding:25px;border-radius:12px;box-shadow:0 15px 40px #0000001a}h2{text-align:center}.controls{display:flex;gap:10px;margin:15px 0}.controls input{flex:1;padding:10px;border-radius:8px;border:1px solid #ccc}button{padding:8px 14px;border-radius:8px;border:none;cursor:pointer;background:#007bff;color:#fff}button:hover{background:#0056b3}.danger{background:#dc3545;margin-left:5px}.form{display:grid;gap:8px;margin-bottom:20px}.form input,textarea{padding:10px;border-radius:8px;border:1px solid #ccc}span{color:red;font-size:12px}table{width:100%;border-collapse:collapse}th{background:#007bff;color:#fff;padding:10px}td{padding:10px;border-bottom:1px solid #ddd;text-align:center}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px}.card{padding:15px;border-radius:12px;box-shadow:0 10px 20px #0000001a;transition:.3s}.card:hover{transform:translateY(-6px)}.card-actions{display:flex;gap:8px}.pagination{margin-top:20px;text-align:center}