#app{font-family:Arial,sans-serif;max-width:400px;margin:50px auto;padding:20px;border-radius:20px;background-color:#f9f9f9;box-shadow:0 0 20px rgba(0,0,0,.1)}h2{margin-top:20px;margin-bottom:10px}.inp-text,button{width:calc(100% - 10px);padding:10px;margin-bottom:10px;border:none;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.inp-text{background-color:#fff}button{background-color:#007bff;color:#fff;cursor:pointer}button:hover{background-color:#0056b3}ul{list-style-type:none;padding:0}li{padding:10px;border-bottom:1px solid #ddd}li:last-child{border-bottom:none}table{width:100%;border-collapse:collapse}td,th{padding:10px;text-align:left;border-bottom:1px solid #ddd}th{background-color:#007bff;color:#fff}tr:hover{background-color:#f5f5f5}