body{margin:0;font-family:Arial,sans-serif;background-color:#f4f6f8;color:#333}h1,h2{color:#007bff;text-align:center}.App{max-width:600px;margin:40px auto;padding:24px;background-color:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a}input[type=text]{width:100%;padding:12px 16px;margin-bottom:12px;border:1px solid #ccc;border-radius:8px;font-size:16px;box-sizing:border-box}button{padding:12px 20px;border:none;border-radius:8px;background-color:#007bff;color:#fff;font-weight:700;font-size:16px;cursor:pointer;margin-right:8px}button:hover{background-color:#0056b3}ul{list-style:none;padding:0;margin-top:16px}li{padding:12px 16px;background-color:#e9f0f7;margin-bottom:8px;border-radius:8px;display:flex;justify-content:space-between;align-items:center}li button{padding:6px 10px;font-size:14px;margin:0}