body{font-family:Arial,sans-serif;background:#e8f5e9;margin:0;padding:20px}.container{max-width:800px;margin:auto;background:#fff;padding:30px;border-radius:12px;box-shadow:0 6px 12px #0000001a}h2{text-align:center;color:#2e7d32}#btn-add-student{display:block;margin:0 auto 25px;padding:12px 24px;background:#43a047;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px}#btn-add-student:hover{background:#2e7d32}#students-list{list-style:none;padding:0}.student-card{border-left:6px solid #43a047;background:#fff;padding:18px;margin-bottom:18px;border-radius:10px;box-shadow:0 3px 6px #0000001a;outline:1px solid red}.student-card strong{color:#2e7d32}.student-actions{display:flex;gap:10px;margin-top:12px}.student-actions button{padding:8px 16px;border:none;border-radius:8px;cursor:pointer;color:#fff;font-size:14px}.edit-btn{background:#66bb6a}.delete-btn{background:#e53935}.edit-btn:hover{background:#43a047}.delete-btn:hover{background:#c62828}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:100}.modal.hidden{display:none}#modal-form .modal-content{background:#e8f5e9;border:2px solid #43a047;padding:30px;border-radius:12px;width:450px;max-width:90%;color:#2e7d32}#modal-confirm .modal-content{background:#fff;padding:20px;border-radius:12px;width:300px}form input{display:block;width:100%;margin:12px 0;padding:10px;border-radius:8px;border:1px solid #ccc}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:15px}.form-actions button{padding:10px 18px;border-radius:8px;border:none;cursor:pointer;font-size:14px}.form-actions button[type=submit]{background:#43a047;color:#fff}.form-actions button[type=submit]:hover{background:#2e7d32}.form-actions button[data-close]{background:#ccc;color:#333}.form-actions button[data-close]:hover{background:#aaa}