body{color:#333;background:linear-gradient(135deg,#eef2f7,#f8fafc);margin:0;font-family:Segoe UI,sans-serif}.container{text-align:center;background:#fff;border-radius:14px;width:360px;margin:100px auto;padding:35px;animation:.4s ease-in-out fadeIn;box-shadow:0 10px 30px #0000001a}input,select{border:1px solid #ddd;border-radius:8px;outline:none;width:94%;margin:12px auto;padding:12px;font-size:14px;transition:all .3s;display:block}input:focus,select:focus{border-color:#4f46e5;box-shadow:0 0 8px #4f46e54d}button{cursor:pointer;color:#fff;background:linear-gradient(135deg,#4f46e5,#6366f1);border:none;border-radius:8px;margin-top:10px;padding:10px 18px;font-weight:500;transition:all .3s}button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4f46e54d}button.delete{background:linear-gradient(135deg,#ef4444,#dc2626)}button.delete:hover{box-shadow:0 4px 12px #dc262666}button.edit{background:linear-gradient(135deg,#10b981,#059669)}button.edit:hover{box-shadow:0 4px 12px #10b98166}.edit-actions{gap:10px;margin-top:10px;display:flex}.edit-actions button{flex:1}.dashboard{max-width:1000px;margin:auto;padding:20px}.card{background:#fff;border-radius:14px;margin:20px 0;padding:20px;transition:all .3s;box-shadow:0 6px 20px #0000000f}.card:hover{transform:translateY(-3px)}.item{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;margin:12px 0;padding:10px;display:flex}.item div button{margin-left:8px}.navbar{color:#fff;background:linear-gradient(135deg,#4f46e5,#6366f1);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:14px 22px;display:flex;box-shadow:0 4px 15px #4f46e54d}h2{font-size:22px}h3{margin-bottom:12px}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}